--- /dev/null
- #LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+ font-size: 1em;
+ color: #ffffff; }
+
+/* Common Stylings */
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+ background: none;
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ margin: 0; }
+
+.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box, .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ border-radius: 16px;
+ padding: 6px;
+ spacing: 6px;
+ text-align: center;
+ transition-duration: 100ms; }
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ border-radius: 8px;
+ padding: 3px 24px;
+ font-weight: bold;
+ transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
- .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #36363a, 9%); }
- .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
++ .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #36363a, 9%), 5%); }
- .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
++ .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 4%), 5%); }
- .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
++ .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 4%); }
- .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
++ .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #36363a, 9%), 3%); }
- .icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
++ .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
++ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 9%); }
- .icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
++ .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
++ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 9%), 4%); }
- .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
++ .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
++ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 9%), 5%); }
- .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
++ .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 8%); }
- .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
++ .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 4%); }
- .calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
++ .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 9%); }
+
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
++.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
+.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
+ color: #ffffff;
+ background-color: #36363a; }
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
++ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
+ .message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(54, 54, 58, 0.25), 5%); }
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
++ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
+ .message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 7%), 5%); }
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
++ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
+ .message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 7%); }
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
++ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
+ .message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #36363a; }
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
++ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
++ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
+ .message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 9%); }
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
++ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
++ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
+ .message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
+ background-color: st-lighten(st-lighten(#36363a, 9%), 7%); }
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
++ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
++ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
+ .message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 9%), 5%); }
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
++ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
+ .message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 8%); }
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
++ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
+ .message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
+ background-color: st-lighten(st-lighten(#36363a, 8%), 7%); }
- .keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
++ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
+ .message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
+ background-color: st-lighten(st-lighten(#36363a, 8%), 9%); }
+
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
++.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
+.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
+ color: -st-accent-fg-color;
+ background-color: -st-accent-color; }
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
++ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
+ .message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), -st-accent-color, 5%); }
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
++ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
+ .message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(-st-accent-color, 4%), 5%); }
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
++ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
+ .message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
+ color: -st-accent-fg-color;
+ background-color: st-lighten(-st-accent-color, 4%); }
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
++ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
+ .message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
+ color: st-transparentize(-st-accent-fg-color, 0.5);
+ background-color: st-darken(-st-accent-color, 3%); }
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
++ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
+ .message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
+ color: -st-accent-fg-color;
+ background-color: st-lighten(-st-accent-color, 9%); }
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
++ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
+ .message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
+ background-color: st-lighten(st-lighten(-st-accent-color, 9%), 4%); }
- .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
++ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
+ .message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(-st-accent-color, 9%), 5%); }
+
+.popup-sub-menu .popup-menu-item, .popup-menu-item {
+ font-weight: normal;
+ spacing: 6px;
+ transition-duration: 100ms;
+ padding: 9px 12px; }
+
+#LookingGlassExtensions .lg-extension, #LookingGlassWindows .lg-window, .calendar, .datemenu-today-button, .quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ border-radius: 12px;
+ padding: 0.818em;
+ margin: 4px;
+ background-color: #47474c;
+ box-shadow: 0 1px 2px 0 transparent;
+ border: 1px solid transparent; }
+
+.quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ color: #ffffff;
+ background-color: #47474c; }
+ .quick-toggle-menu:hover, .message:hover, .events-button:hover,
+ .world-clocks-button:hover,
+ .weather-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(#47474c, 4%); }
+ .quick-toggle-menu:active, .message:active, .events-button:active,
+ .world-clocks-button:active,
+ .weather-button:active {
+ color: #ffffff;
+ background-color: st-lighten(#47474c, 9%); }
+ .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
+ .world-clocks-button:active:hover,
+ .weather-button:active:hover {
+ background-color: st-lighten(st-lighten(#47474c, 9%), 4%); }
+ .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
+ .world-clocks-button:active:focus,
+ .weather-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#47474c, 9%), 5%); }
+ .quick-toggle-menu:focus, .message:focus, .events-button:focus,
+ .world-clocks-button:focus,
+ .weather-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #47474c, 5%); }
+ .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
+ .world-clocks-button:focus:hover,
+ .weather-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#47474c, 4%), 5%); }
+ .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
+ .world-clocks-button:insensitive,
+ .weather-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(#47474c, 3%); }
+
+.calendar, .datemenu-today-button {
+ border: 1px solid transparent !important;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ background-color: transparent !important; }
+ .calendar:hover, .datemenu-today-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 7%); }
+ .calendar:active, .datemenu-today-button:active {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 9%); }
+ .calendar:active:hover, .datemenu-today-button:active:hover {
+ background-color: st-lighten(st-lighten(#36363a, 9%), 7%); }
+ .calendar:active:focus, .datemenu-today-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 9%), 5%); }
+ .calendar:focus, .datemenu-today-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #47474c, 5%); }
+ .calendar:focus:hover, .datemenu-today-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#47474c, 4%), 5%); }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(#47474c, 3%); }
+
+.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
+ border-radius: 8px;
+ padding: 9px 9px;
+ selection-background-color: st-transparentize(-st-accent-color, 0.7);
+ selected-color: #ffffff; }
+
+StEntry {
+ background-color: #48484c;
+ color: rgba(255, 255, 255, 0.7); }
+ StEntry:hover {
+ background-color: #525256;
+ color: #ffffff; }
+ StEntry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #48484c, 5%);
+ color: #ffffff; }
+ StEntry:insensitive {
+ background-color: #414144;
+ color: rgba(255, 255, 255, 0.5); }
+ StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+.notification-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button {
+ font-weight: bold;
+ padding: 6px 12px;
+ border-radius: 8px;
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.15); }
+ .notification-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.15), 5%); }
+ .notification-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.3), 5%); }
+ .notification-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.3); }
+ .notification-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.2); }
+ .notification-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .notification-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.2), 5%); }
+ .notification-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 8%); }
+ .notification-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 4%); }
+ .notification-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 9%); }
+ .notification-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button {
+ font-weight: bold;
+ padding: 12px;
+ border-radius: 12px;
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.1); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.1), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.13), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:hover {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.13); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.16); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:hover {
+ background-color: rgba(255, 255, 255, 0.19); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.16), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 8%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 4%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 9%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #36363a, 9%), 3%); }
+
+.dash-label, .window-caption, .screenshot-ui-tooltip {
+ background-color: rgba(0, 0, 0, 0.9);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ color: #ffffff;
+ border-radius: 999px;
+ padding: 6px 12px;
+ text-align: center; }
+
+/* General Typography */
+.unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
+ font-weight: 800;
+ font-size: 1.818em; }
+
+.conflicting-session-dialog-content .conflicting-session-dialog-title, .message-dialog-content .message-dialog-title, .message-notification-group .message-group-header .message-group-title, .datemenu-today-button .date-label {
+ font-weight: 800;
+ font-size: 1.364em; }
+
+.login-dialog .user-widget.horizontal .user-widget-label,
+.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title, .message-list .message-list-placeholder {
+ font-weight: 700;
+ font-size: 1.364em; }
+
+.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
+.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
+ font-weight: 700;
+ font-size: 1.182em; }
+
+.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
+ font-weight: 700;
+ font-size: 1em; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
+ font-weight: 700;
+ font-size: 0.818em; }
+
+.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog .prompt-dialog-error-label,
+.prompt-dialog .prompt-dialog-info-label,
+.prompt-dialog .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+.weather-button .weather-box .weather-grid .weather-forecast-time, .calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
+ font-family: monospace; }
+
+.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-feature-settings: "tnum"; }
+
+/* OSD Elements */
+#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+ color: #ffffff;
+ background-color: #2e2e33;
+ border: 1px solid rgba(255, 255, 255, 0.02);
+ border-radius: 999px;
+ padding: 12px; }
+
+.lg-dialog StEntry {
+ background-color: #414146;
+ color: rgba(255, 255, 255, 0.7); }
+ .lg-dialog StEntry:hover {
+ background-color: #4b4b51;
+ color: #ffffff; }
+ .lg-dialog StEntry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #414146, 5%);
+ color: #ffffff; }
+ .lg-dialog StEntry:insensitive {
+ background-color: #3a3a3e;
+ color: rgba(255, 255, 255, 0.5); }
+ .lg-dialog StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+#LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #2e2e33, 9%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #2e2e33, 9%), 4%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 9%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 9%), 8%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 9%), 8%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 9%), 8%), 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:insensitive, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:insensitive,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #2e2e33, 9%), 3%); }
+
+#LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+ color: #ffffff;
+ background-color: #2e2e33; }
+ #LookingGlassDialog .notebook-tab:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(46, 46, 51, 0.25), 5%); }
+ #LookingGlassDialog .notebook-tab:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#2e2e33, 7%), 5%); }
+ #LookingGlassDialog .notebook-tab:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 7%); }
+ #LookingGlassDialog .notebook-tab:active, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 9%); }
+ #LookingGlassDialog .notebook-tab:active:hover, .screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 9%), 7%); }
+ #LookingGlassDialog .notebook-tab:active:focus, .screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#2e2e33, 9%), 5%); }
+ #LookingGlassDialog .notebook-tab:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 8%); }
+ #LookingGlassDialog .notebook-tab:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 7%); }
+ #LookingGlassDialog .notebook-tab:checked:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 9%); }
+ #LookingGlassDialog .notebook-tab:insensitive, .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #2e2e33; }
+
+/* System Elements */
+.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
+ background-color: #404045;
+ color: rgba(250, 250, 251, 0.7); }
+ .login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
+ background-color: #4a4a50;
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #404045, 5%);
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
+ background-color: #39393d;
+ color: rgba(250, 250, 251, 0.5); }
+ .login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
+ color: rgba(250, 250, 251, 0.7); }
+
- .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
++.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #2e2e33, 9%); }
- .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
++ .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: st-darken(st-mix(#fafafb, #2e2e33, 9%), 3%); }
- .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
++ .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #2e2e33, 9%), 5%); }
- .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
++ .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #2e2e33, 9%), 4%), 5%); }
- .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
++ .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 4%); }
- .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
++ .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%); }
- .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
++ .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%), 4%); }
- .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
++ .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%), 5%); }
- .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
++ .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%); }
- .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
++ .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%), 4%); }
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++ .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%), 9%); }
+
+/* Lockscreen Elements */
+.unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .calendar .calendar-month-header .pager-button,
+.calendar .calendar-month-header .unlock-dialog .pager-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button,
++.unlock-dialog .login-dialog-button.a11y-button,
+.unlock-dialog .login-dialog-button.cancel-button,
+.unlock-dialog .login-dialog-button.switch-user-button,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.1); }
+ .unlock-dialog .button:focus,
+ .unlock-dialog .icon-button:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus,
+ .unlock-dialog .message .message-header .message-expand-button:focus,
+ .message .message-header .unlock-dialog .message-expand-button:focus,
+ .unlock-dialog .message .message-header .message-close-button:focus,
+ .message .message-header .unlock-dialog .message-close-button:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.1), 5%); }
+ .unlock-dialog .button:focus:hover,
+ .unlock-dialog .icon-button:focus:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus:hover,
+ .unlock-dialog .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .unlock-dialog .message-expand-button:focus:hover,
+ .unlock-dialog .message .message-header .message-close-button:focus:hover,
+ .message .message-header .unlock-dialog .message-close-button:focus:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:focus:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:focus:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.13), 5%); }
+ .unlock-dialog .button:hover,
+ .unlock-dialog .icon-button:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:hover,
+ .unlock-dialog .message .message-header .message-expand-button:hover,
+ .message .message-header .unlock-dialog .message-expand-button:hover,
+ .unlock-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .unlock-dialog .message-close-button:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.13); }
+ .unlock-dialog .button:active,
+ .unlock-dialog .icon-button:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:active,
+ .unlock-dialog .message .message-header .message-expand-button:active,
+ .message .message-header .unlock-dialog .message-expand-button:active,
+ .unlock-dialog .message .message-header .message-close-button:active,
+ .message .message-header .unlock-dialog .message-close-button:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active,
++ .unlock-dialog .login-dialog-button.a11y-button:active,
+ .unlock-dialog .login-dialog-button.cancel-button:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.16); }
+ .unlock-dialog .button:active:hover,
+ .unlock-dialog .icon-button:active:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:hover,
+ .unlock-dialog .message .message-header .message-expand-button:active:hover,
+ .message .message-header .unlock-dialog .message-expand-button:active:hover,
+ .unlock-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .unlock-dialog .message-close-button:active:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:active:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:active:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: rgba(250, 250, 251, 0.19); }
+ .unlock-dialog .button:active:focus,
+ .unlock-dialog .icon-button:active:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:focus,
+ .unlock-dialog .message .message-header .message-expand-button:active:focus,
+ .message .message-header .unlock-dialog .message-expand-button:active:focus,
+ .unlock-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .unlock-dialog .message-close-button:active:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:active:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:active:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.16), 5%); }
+ .unlock-dialog .button:checked,
+ .unlock-dialog .icon-button:checked,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked,
+ .unlock-dialog .message .message-header .message-expand-button:checked,
+ .message .message-header .unlock-dialog .message-expand-button:checked,
+ .unlock-dialog .message .message-header .message-close-button:checked,
+ .message .message-header .unlock-dialog .message-close-button:checked,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked,
++ .unlock-dialog .login-dialog-button.a11y-button:checked,
+ .unlock-dialog .login-dialog-button.cancel-button:checked,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #36363a, 9%), 8%); }
+ .unlock-dialog .button:checked:hover,
+ .unlock-dialog .icon-button:checked:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:hover,
+ .unlock-dialog .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .unlock-dialog .message-expand-button:checked:hover,
+ .unlock-dialog .message .message-header .message-close-button:checked:hover,
+ .message .message-header .unlock-dialog .message-close-button:checked:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #36363a, 9%), 8%), 4%); }
+ .unlock-dialog .button:checked:active,
+ .unlock-dialog .icon-button:checked:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:active,
+ .unlock-dialog .message .message-header .message-expand-button:checked:active,
+ .message .message-header .unlock-dialog .message-expand-button:checked:active,
+ .unlock-dialog .message .message-header .message-close-button:checked:active,
+ .message .message-header .unlock-dialog .message-close-button:checked:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:active,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #36363a, 9%), 8%), 9%); }
+ .unlock-dialog .button:insensitive,
+ .unlock-dialog .icon-button:insensitive,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
+ .unlock-dialog .message-notification-group .message-collapse-button:insensitive,
+ .message-notification-group .unlock-dialog .message-collapse-button:insensitive,
+ .unlock-dialog .message .message-header .message-expand-button:insensitive,
+ .message .message-header .unlock-dialog .message-expand-button:insensitive,
+ .unlock-dialog .message .message-header .message-close-button:insensitive,
+ .message .message-header .unlock-dialog .message-close-button:insensitive,
+ .unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
++ .unlock-dialog .login-dialog-button.a11y-button:insensitive,
+ .unlock-dialog .login-dialog-button.cancel-button:insensitive,
+ .unlock-dialog .login-dialog-button.switch-user-button:insensitive,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: st-darken(st-mix(#fafafb, #36363a, 9%), 3%); }
+
+.unlock-dialog .login-dialog-prompt-entry {
+ background-color: rgba(250, 250, 251, 0.1);
+ color: rgba(250, 250, 251, 0.7); }
+ .unlock-dialog .login-dialog-prompt-entry:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fafafb; }
+ .unlock-dialog .login-dialog-prompt-entry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(250, 250, 251, 0.4), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.1), 5%);
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(250, 250, 251, 0.4), 0.2) !important;
+ background-color: st-mix(rgba(250, 250, 251, 0.4), rgba(250, 250, 251, 0.1), 5%); }
+ .unlock-dialog .login-dialog-prompt-entry:insensitive {
+ background-color: rgba(242, 242, 244, 0.1);
+ color: rgba(250, 250, 251, 0.5); }
+ .unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
+ color: rgba(250, 250, 251, 0.7); }
+
+/* WIDGETS */
+.shell-link {
+ color: st-lighten(-st-accent-color, 20%); }
+ .shell-link:hover {
+ color: st-lighten(st-lighten(-st-accent-color, 20%), 10%); }
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+.icon-dropshadow {
+ icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+/* Entries */
+StEntry StIcon.capslock-warning {
+ icon-size: 1.091em;
+ warning-color: #cd9309;
+ padding: 0 4px; }
+
+StEntry StIcon.peek-password {
+ icon-size: 1.091em;
+ padding: 0 4px; }
+
+StEntry StLabel.hint-text {
+ margin-left: 2px; }
+
+/* Buttons */
+.button {
+ min-height: 1.5em; }
+
- .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
+ border-radius: 999px;
+ padding: 0.818em;
+ min-height: 1.091em; }
- margin-bottom: 12px !important; }
++ .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
+ .message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em; }
+
+.check-box StBin {
+ border-radius: 7px;
+ padding: 2px; }
+
+.check-box:focus StBin {
+ background-color: rgba(0, 0, 0, 0.01);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.65); }
+
+.check-box StIcon {
+ icon-size: 14px;
+ padding: 1px;
+ color: transparent;
+ border-radius: 6px;
+ border: 2px solid rgba(255, 255, 255, 0.15); }
+
+.check-box:hover StIcon {
+ border-color: rgba(255, 255, 255, 0.2); }
+
+.check-box:active StIcon {
+ border-color: rgba(255, 255, 255, 0.3); }
+
+.check-box:checked StIcon {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-color: transparent; }
+
+.check-box:checked:hover StIcon {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.check-box:checked:active StIcon {
+ background-color: st-darken(-st-accent-color, 7%);
+ color: st-darken(-st-accent-fg-color, 7%); }
+
+/* Switches */
+.toggle-switch {
+ width: 46px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.15); }
+ .toggle-switch:hover {
+ background: rgba(255, 255, 255, 0.2); }
+ .toggle-switch StIcon {
+ icon-size: 16px; }
+ .toggle-switch .handle {
+ margin: 3px;
+ width: 20px;
+ height: 20px;
+ border-radius: 999px;
+ background: #d7d7d8;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+ transition-duration: 100ms; }
+ .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+ .toggle-switch:checked .handle {
+ background: white; }
+
+/* Slider */
+.slider {
+ color: #e8e8e8;
+ -barlevel-height: 4px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.1);
+ -barlevel-active-background-color: -st-accent-color;
+ -barlevel-overdrive-color: #c01c28;
+ -barlevel-overdrive-separator-width: 1px;
+ -slider-handle-radius: 0.5455em; }
+ .slider:hover {
+ color: #ffffff; }
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 68px; }
+
+StScrollView.hfade {
+ -st-hfade-offset: 68px; }
+
+StScrollBar {
+ padding: 0; }
+ StScrollView StScrollBar {
+ min-width: 8px;
+ min-height: 8px; }
+ StScrollBar StBin#trough {
+ border-radius: 0;
+ background-color: transparent; }
+ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 8px;
+ background-color: #727275;
+ border: 3px solid transparent;
+ transition: 500ms all ease; }
+ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #9b9b9d; }
+ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #868689; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+ -arrow-rise: 6px; }
+
+.popup-menu {
+ min-width: 15em;
+ color: #ffffff; }
+ .popup-menu.panel-menu {
+ margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content {
+ padding: 6px;
+ background-color: #36363a;
+ border-radius: 20px;
+ border: 1px solid #424247;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
+
+.popup-menu-item {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+ border-radius: 12px; }
+ .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-menu-item:active {
+ color: #ffffff;
+ background-color: st-lighten(#424247, 9%); }
+ .popup-menu-item:active:hover {
+ background-color: st-lighten(st-lighten(#424247, 9%), 7%); }
+ .popup-menu-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#424247, 9%), 5%); }
+ .popup-menu-item:hover, .popup-menu-item:selected, .popup-menu-item:checked {
+ color: #ffffff;
+ background-color: st-lighten(#424247, 7%); }
+ .popup-menu-item:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #424247; }
+ .popup-menu-item:checked {
+ border-radius: 12px 12px 0 0 !important; }
+ .popup-menu-item .toggle-switch:ltr {
+ margin-left: 4px; }
+ .popup-menu-item .toggle-switch:rtl {
+ margin-right: 4px; }
+
+.popup-ornamented-menu-item:ltr {
+ padding-left: 6px; }
+
+.popup-ornamented-menu-item:rtl {
+ padding-right: 6px; }
+
+.popup-inactive-menu-item {
+ color: #ffffff; }
+ .popup-inactive-menu-item:insensitive {
+ color: #9b9b9d; }
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 1.091em; }
+
+.popup-sub-menu {
+ border-radius: 0 0 13px 13px;
+ margin-bottom: 6px;
+ border: 1px solid transparent;
+ background-color: #56565c; }
+ .popup-sub-menu .popup-menu-item {
+ border-radius: 0;
+ border-top-width: 0;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-sub-menu .popup-menu-item:active {
+ color: #ffffff;
+ background-color: st-lighten(#56565c, 9%); }
+ .popup-sub-menu .popup-menu-item:active:hover {
+ background-color: st-lighten(st-lighten(#56565c, 9%), 7%); }
+ .popup-sub-menu .popup-menu-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#56565c, 9%), 5%); }
+ .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:selected, .popup-sub-menu .popup-menu-item:checked {
+ color: #ffffff;
+ background-color: st-lighten(#56565c, 7%); }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #56565c; }
+ .popup-sub-menu .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px;
+ border-bottom-width: 0; }
+ .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
+ border-radius: 0; }
+ .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px; }
+
+.popup-menu-ornament {
+ icon-size: 1.091em !important;
+ width: 1.091em; }
+
+.popup-separator-menu-item {
+ border: none !important; }
+ .popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.1); }
+ .popup-sub-menu .popup-separator-menu-item {
+ background-color: transparent; }
+ .popup-sub-menu .popup-separator-menu-item:ltr {
+ margin-right: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item:rtl {
+ margin-left: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.background-menu {
+ -boxpointer-gap: 0px;
+ -arrow-rise: 0px; }
+
+.app-menu {
+ max-width: 27.25em; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+ margin-right: 8px; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+ margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea {
+ padding: 4px; }
+
+.datemenu-popover {
+ border-radius: 30px; }
+
+.datemenu-calendar-column {
+ spacing: 6px; }
+ .datemenu-calendar-column:ltr {
+ margin-left: 6px; }
+ .datemenu-calendar-column:rtl {
+ margin-right: 6px; }
+ .datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px; }
+
+.datemenu-today-button {
+ padding: 9px; }
+ .datemenu-today-button .day-label {
+ font-weight: bold; }
+
+.calendar {
+ margin-top: 0;
+ padding: 0; }
+ .calendar .calendar-month-header .calendar-change-month-back StIcon,
+ .calendar .calendar-month-header .calendar-change-month-forward StIcon {
+ icon-size: 1.091em; }
+ .calendar .calendar-month-header .calendar-month-label {
+ color: #ffffff !important;
+ padding: 8px 0;
+ width: 10em;
+ border-radius: 999px;
+ text-align: center; }
+ .calendar .calendar-month-header .pager-button {
+ height: 2.6em;
+ width: 2.6em;
+ padding: 0; }
+ .calendar .calendar-day {
+ border-radius: 999px;
+ height: 3em;
+ width: 3em;
+ margin: 2px;
+ padding: 0;
+ font-weight: bold;
+ text-align: center; }
+ .calendar .calendar-day.calendar-weekend {
+ color: #9b9b9d; }
+ .calendar .calendar-day.calendar-other-month {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: normal; }
+ .calendar .calendar-day.calendar-other-month.calendar-weekend {
+ color: rgba(255, 255, 255, 0.5); }
+ .calendar .calendar-day.calendar-today {
+ color: -st-accent-fg-color !important; }
+ .calendar .calendar-day.calendar-today.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
+ .calendar .calendar-day.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+ background-size: contain; }
+ .calendar .calendar-day-heading {
+ font-weight: bold;
+ text-align: center;
+ margin: 4px;
+ padding: 3px 6px;
+ border-radius: 8px; }
+ .calendar .calendar-week-number {
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ text-align: center;
+ margin: 6px;
+ padding: 0 6px;
+ border-radius: 4px;
+ background-color: rgba(155, 155, 157, 0.2);
+ color: #9b9b9d; }
+
+.events-button .events-box .events-title {
+ color: #9b9b9d;
+ padding-bottom: 6px; }
+
+.events-button .events-box .events-list {
+ spacing: 6px; }
+ .events-button .events-box .events-list .event-box {
+ spacing: 6px;
+ border-radius: 8px; }
+ .events-button .events-box .events-list .event-box .event-time {
+ color: #9b9b9d; }
+ .events-button .events-box .events-list .event-placeholder {
+ color: #9b9b9d;
+ font-style: italic; }
+
+.world-clocks-button .world-clocks-header {
+ color: #9b9b9d; }
+ .world-clocks-button .world-clocks-header.no-world-clocks {
+ color: #ffffff; }
+
+.world-clocks-button .world-clocks-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time {
+ font-weight: bold; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
+ text-align: right; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
+ text-align: left; }
+ .world-clocks-button .world-clocks-grid .world-clocks-timezone {
+ color: #9b9b9d; }
+
+.weather-button .weather-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box .weather-header {
+ color: #9b9b9d; }
+ .weather-button .weather-box .weather-header-box .weather-header.no-location {
+ color: #ffffff; }
+ .weather-button .weather-box .weather-header-box .weather-header.location {
+ font-weight: normal; }
+ .weather-button .weather-box .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-time {
+ padding-top: 6px;
+ padding-bottom: 6px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-icon {
+ icon-size: 2.182em;
+ margin-bottom: 4px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-temp {
+ font-weight: bold; }
+
+/* Message List */
+.message-list {
+ width: 29em;
+ border: solid rgba(255, 255, 255, 0.1); }
+ .message-list:ltr {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-right: 6px;
+ border-right-width: 1px; }
+ .message-list:rtl {
+ margin-right: 0;
+ margin-left: 4px;
+ padding-left: 6px;
+ border-left-width: 1px; }
+ .message-list .message-list-placeholder {
+ color: rgba(255, 255, 255, 0.45); }
+ .message-list .message-list-placeholder > StIcon {
+ icon-size: 96px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic; }
+
+.message-view {
+ -st-vfade-offset: 68px; }
+ .message-view:ltr {
+ margin-right: 12px; }
+ .message-view:rtl {
+ margin-left: 12px; }
+ .message-view .message {
- padding-bottom: 6px;
++ margin-bottom: 12px !important;
++ border-radius: 18px; }
+
+.message-list-controls {
+ padding: 12px;
- .message-list-controls .dnd-button {
- border-width: 2px;
- border-color: transparent;
- border-radius: 32px;
- border-style: solid; }
- .message-list-controls .dnd-button:focus {
- border-color: st-transparentize(-st-accent-color, 0.4); }
++ padding-bottom: 9px;
+ spacing: 6px; }
- .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
++ .message-list-controls .message-list-clear-button {
++ border-radius: 999px; }
+
+.message-notification-group {
+ spacing: 12px; }
+ .message-notification-group .message-group-header {
+ padding: 6px; }
+ .message-notification-group .message-group-header .message-group-title {
+ margin: 0 4px; }
+ .message-notification-group .message-collapse-button {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.2);
+ padding: 4px !important;
+ border: 4px transparent solid; }
+ .message-notification-group .message-collapse-button:hover {
+ background-color: rgba(255, 255, 255, 0.3); }
+ .message-notification-group .message-collapse-button:active {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.message {
+ padding: 6px;
+ margin: 0;
+ border-radius: 16px;
+ background-color: #54545a; }
+ .message:second-in-stack {
+ background-color: #45454a;
+ box-shadow: 0 1px 1px 0 transparent; }
+ .message:lower-in-stack {
+ background-color: #3d3d42;
+ box-shadow: none;
+ border-color: transparent; }
+ .message .message-header {
+ spacing: 6px;
+ color: #9b9b9d;
+ padding: 0 6px; }
+ .message .message-header:ltr {
+ padding-right: 0; }
+ .message .message-header:rtl {
+ padding-left: 0; }
+ .message .message-header .message-source-icon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+ .message .message-header .message-header-content {
+ spacing: 6px;
+ min-height: 1.637em;
+ padding-bottom: 6px; }
+ .message .message-header .message-header-content .message-source-title {
+ font-weight: bold; }
+ .message .message-header .message-header-content .event-time {
+ color: #9b9b9d;
+ padding-bottom: 0.068em; }
+ .message .message-header .message-header-content .event-time:ltr {
+ text-align: right; }
+ .message .message-header .message-header-content .event-time:rtl {
+ text-align: left; }
+ .message .message-header .message-expand-button,
+ .message .message-header .message-close-button {
+ border-radius: 999px;
+ color: #ffffff; }
+ .message .message-header .message-expand-button {
+ padding: 6px; }
+ .message .message-header .message-close-button {
+ margin: 3px;
+ padding: 4px; }
+ .message .message-box {
+ padding: 6px;
+ margin-top: 0;
+ spacing: 6px; }
+ .message .message-box .message-icon {
+ icon-size: 48px; }
+ .message .message-box .message-icon:ltr {
+ margin-right: 6px; }
+ .message .message-box .message-icon:rtl {
+ margin-left: 6px; }
+ .message .message-box .message-icon.message-themed-icon {
+ border-radius: 999px;
+ background-color: rgba(255, 255, 255, 0.07);
+ icon-size: 1.091em;
+ min-width: 48px;
+ min-height: 48px; }
+ .message .message-box:first-child {
+ margin-top: 12px; }
+ .message .message-box .message-content {
+ spacing: 4px; }
+ .message .message-box .message-content .message-title {
+ font-weight: bold; }
+ .message .message-action-bin {
+ padding: 4px;
+ spacing: 6px; }
+ .message .message-action-bin * {
+ margin: 0 4px; }
+ .message .message-action-bin *:first-child:ltr {
+ margin-left: 0; }
+ .message .message-action-bin *:first-child:rtl {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:ltr {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:rtl {
+ margin-left: 0; }
+
+.url-highlighter {
+ link-color: st-lighten(-st-accent-color, 20%); }
+
+/* Media Controls */
+.message-media-control {
+ padding: 0 18px;
+ border-radius: 8px;
+ color: #ffffff;
+ border: 1px solid transparent; }
+ .message-media-control:hover {
+ background-color: #5b5b62;
+ color: #ffffff; }
+ .message-media-control:active {
+ background-color: #606067;
+ color: #ffffff; }
+ .message-media-control:insensitive {
+ color: #a8a8aa; }
+ .message-media-control StIcon {
+ icon-size: 16px; }
+
+.media-message .message-icon {
+ border-radius: 8px !important; }
+ .media-message .message-icon.message-themed-icon {
+ icon-size: 32px !important; }
+
+.candidate-popup-content {
+ padding: 6px;
+ spacing: 6px;
+ border-radius: 12px; }
+
+.candidate-index {
+ padding: 0;
+ padding-right: 6px;
+ color: #9b9b9d; }
+
+.candidate-box {
+ padding: 6px 12px 6px 12px;
+ border-radius: 8px; }
+ .candidate-box:selected {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .candidate-box:hover {
+ background-color: #4f4f54;
+ color: white; }
+
+.candidate-page-button-box {
+ height: 2em; }
+ .vertical .candidate-page-button-box {
+ padding-top: 12px; }
+ .horizontal .candidate-page-button-box {
+ padding-left: 12px; }
+
+.candidate-page-button {
+ padding: 6px; }
+ .candidate-page-button StIcon {
+ icon-size: 16px; }
+
+.candidate-page-button-previous {
+ border-radius: 8px 0px 0px 8px;
+ border-right-width: 0;
+ box-shadow: none; }
+
+.candidate-page-button-next {
+ border-radius: 0px 8px 8px 0px;
+ box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner {
+ min-height: 64px;
+ width: 34em;
+ box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
+ border-radius: 16px;
+ margin: 4px; }
+
+.notification-buttons-bin {
+ spacing: 0; }
+
+/* Modal Dialogs */
+.modal-dialog {
+ background-color: #36363a;
+ border-radius: 18px;
+ padding: 24px;
+ spacing: 18px;
+ box-shadow: 0 12px 8px 12px rgba(0, 0, 0, 0.03); }
+ .modal-dialog .modal-dialog-content-box {
+ padding-top: 12px;
+ spacing: 18px;
+ max-width: 28em; }
+ .modal-dialog .modal-dialog-button-box {
+ padding-top: 6px; }
+
+.dialog-list {
+ spacing: 18px; }
+ .dialog-list .dialog-list-title {
+ text-align: center; }
+ .dialog-list .dialog-list-scrollview {
+ max-height: 200px; }
+ .dialog-list .dialog-list-box {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: #f2f2f2; }
+
+/* End Session Dialog */
+.end-session-dialog {
+ width: 24em; }
+ .end-session-dialog .end-session-dialog-battery-warning,
+ .end-session-dialog .dialog-list-title {
+ color: #cd9309;
+ background-color: rgba(205, 147, 9, 0.1);
+ padding: 9px;
+ border-radius: 8px;
+ margin: 4px 0; }
+
+/* Message Dialog */
+.message-dialog-content {
+ spacing: 18px; }
+ .message-dialog-content .message-dialog-title {
+ text-align: center; }
+ .message-dialog-content .message-dialog-description {
+ text-align: center; }
+
+/* Run Dialog */
+.run-dialog {
+ width: 24em;
+ padding-bottom: 6px; }
+ .run-dialog .run-dialog-entry {
+ padding: 12px 9px; }
+ .run-dialog .run-dialog-description {
+ color: #cccccc; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+ width: 28em; }
+ .prompt-dialog .prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px; }
+ .prompt-dialog .prompt-dialog-password-layout {
+ spacing: 8px; }
+ .prompt-dialog .prompt-dialog-password-entry {
+ width: 20em;
+ padding: 12px 9px; }
+ .prompt-dialog .prompt-dialog-error-label,
+ .prompt-dialog .prompt-dialog-info-label,
+ .prompt-dialog .prompt-dialog-null-label {
+ text-align: center; }
+ .prompt-dialog .prompt-dialog-error-label {
+ color: #cd9309; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px; }
+ .polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #cd9309; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog {
+ min-width: 24em; }
+ .audio-device-selection-dialog .audio-selection-box {
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ color: #ffffff;
+ background-color: #36363a;
+ background-color: transparent; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(54, 54, 58, 0.25), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 7%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 9%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:hover {
+ background-color: st-lighten(st-lighten(#36363a, 9%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 9%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked {
+ color: #ffffff;
+ background-color: st-lighten(#36363a, 8%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:hover {
+ background-color: st-lighten(st-lighten(#36363a, 8%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:active {
+ background-color: st-lighten(st-lighten(#36363a, 8%), 9%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #36363a; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box {
+ padding: 12px;
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon {
+ icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ /* Reasonable maximum dimensions */
+ height: 300px;
+ width: 300px; }
+
+/* Access portal dialog */
+.access-dialog {
+ text-align: center; }
+
+/* OSD */
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em; }
+ .osd-window > * {
+ spacing: 8px; }
+ .osd-window StIcon {
+ icon-size: 32px; }
+ .osd-window StLabel:ltr {
+ margin-right: 6px; }
+ .osd-window StLabel:rtl {
+ margin-left: 6px; }
+ .osd-window .level {
+ margin-bottom: 4px;
+ min-width: 160px;
+ -barlevel-height: 6px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.1);
+ -barlevel-active-background-color: #ffffff;
+ -barlevel-overdrive-color: #c01c28;
+ -barlevel-overdrive-separator-width: 3px; }
+ .osd-window .level:first-child {
+ margin-bottom: 0; }
+ .osd-window .level:ltr {
+ margin-right: 6px; }
+ .osd-window .level:rtl {
+ margin-left: 6px; }
+
+.osd-monitor-label, .osd-break-countdown-label {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-radius: 16px;
+ font-size: 3em;
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ margin: 12px;
+ padding: 12px;
+ text-align: center;
+ min-width: 1.5em; }
+
+/* Pad OSD */
+.pad-osd-window {
+ padding: 32px;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .pad-osd-window .pad-osd-title-box {
+ spacing: 12px; }
+ .pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px; }
+
+.combo-box-label {
+ width: 15em; }
+
+/* App Switcher */
+.switcher-popup {
+ padding: 0;
+ spacing: 24px; }
+
+.switcher-list {
+ padding: 12px;
+ border-radius: 28px;
+ box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
+ .switcher-list .switcher-list-item-container {
+ spacing: 12px; }
+ .switcher-list .item-box {
+ color: #ffffff;
+ background-color: #2e2e33;
+ background-color: transparent; }
+ .switcher-list .item-box:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(46, 46, 51, 0.25), 5%); }
+ .switcher-list .item-box:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#2e2e33, 7%), 5%); }
+ .switcher-list .item-box:hover {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 7%); }
+ .switcher-list .item-box:active {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 9%); }
+ .switcher-list .item-box:active:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 9%), 7%); }
+ .switcher-list .item-box:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#2e2e33, 9%), 5%); }
+ .switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 8%); }
+ .switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 7%); }
+ .switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 9%); }
+ .switcher-list .item-box:insensitive {
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #2e2e33; }
+ .switcher-list .item-box:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .switcher-list .item-box:hover {
+ background: none; }
+ .switcher-list .item-box:selected {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.1); }
+ .switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px; }
+ .switcher-list .thumbnail {
+ width: 256px;
+ border-radius: 8px; }
+
+.switcher-arrow {
+ border-color: rgba(255, 255, 255, 0.8);
+ color: rgba(255, 255, 255, 0.8); }
+ .switcher-arrow:highlighted {
+ border-color: #ffffff;
+ color: #ffffff; }
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px; }
+
+.cycler-highlight {
+ border: 5px solid -st-accent-color; }
+
+/* Workspace Switcher */
+.workspace-switcher {
+ margin-bottom: 4em;
+ spacing: 12px;
+ padding: 12px 18px; }
+
+.ws-switcher-indicator {
+ background-color: rgba(255, 255, 255, 0.5);
+ padding: 2.6666666667px;
+ margin: 13.3333333333px;
+ border-radius: 32px; }
+ .ws-switcher-indicator:active {
+ background-color: #ffffff;
+ padding: 5.3333333333px;
+ margin: 10.6666666667px; }
+
+.screenshot-ui-panel {
+ border-radius: 32px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px; }
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
+ .screenshot-ui-close-button.left {
+ margin-left: 12px; }
+ .screenshot-ui-close-button.right {
+ margin-right: 12px; }
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px;
+ border-radius: 14px; }
+ .screenshot-ui-type-button .icon-label-button-container {
+ spacing: 0.409em; }
+ .screenshot-ui-type-button .icon-label-button-container > StIcon {
+ icon-size: 32px; }
+
+.screenshot-ui-capture-button {
+ width: 32px;
+ height: 32px;
+ border-radius: 999px;
+ border: 4px #ffffff;
+ padding: 4px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #ffffff;
+ transition-duration: 200ms;
+ border-radius: 999px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: #4f4f54; }
+ .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #cccccc; }
+ .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: gray; }
+ .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #c01c28; }
+ .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #d61f2d; }
+ .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #a11722; }
+
+.screenshot-ui-shot-cast-container {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 999px;
+ padding: 3px;
+ spacing: 3px; }
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 999px; }
+ .screenshot-ui-shot-cast-button > StIcon {
+ icon-size: 16px; }
+ .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .screenshot-ui-shot-cast-button:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+ .screenshot-ui-shot-cast-button:checked {
+ background-color: #ffffff;
+ color: #2e2e33; }
+ .screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px white; }
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 999px;
+ background-color: white;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+ width: 24px;
+ height: 24px; }
+
+.screenshot-ui-window-selector {
+ background-color: #222226; }
+ .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px; }
+ .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 16px;
+ border: 6px transparent; }
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 999px;
+ border-width: 12px;
+ icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+ border-color: st-darken(-st-accent-color, 15%); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+ border-color: -st-accent-color;
+ background-color: st-transparentize(-st-accent-color, 0.8); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+ color: -st-accent-fg-color;
+ background-color: -st-accent-color; }
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5); }
+ .screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3); }
+ .screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7); }
+ .screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px white; }
+
+.screenshot-ui-tooltip {
+ text-align: center;
+ -y-offset: 24px; }
+
+/* Top Bar */
+#panel {
+ background-color: #000000;
+ font-weight: bold;
+ height: 2.2em;
+ transition-duration: 250ms; }
+ #panel .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px; }
+ #panel .panel-button:focus, #panel .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button:active, #panel .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button:active:hover, #panel .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button .system-status-icon {
+ icon-size: 1.091em;
+ padding: 0 6px;
+ margin: 0 4px; }
+ #panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic; }
+ #panel .panel-button .panel-status-menu-box,
+ #panel .panel-button .panel-status-indicators-box {
+ spacing: 4px; }
+ #panel .panel-button .panel-status-menu-box > .system-status-icon,
+ #panel .panel-button .panel-status-indicators-box > .system-status-icon {
+ padding: 0; }
+ #panel .panel-button#panelActivities StBoxLayout {
+ padding: 0 0.2045em;
+ spacing: 5px; }
+ #panel .panel-button#panelActivities .workspace-dot {
+ border-radius: 999px;
+ min-width: 0.5455em;
+ min-height: 0.5455em;
+ background-color: #ffffff; }
+ #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+ spacing: 0.409em; }
+ #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+ icon-size: 1.091em; }
+ #panel .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #d61f2d; }
+ #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #e02a37; }
+ #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #e13340; }
+ #panel .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #ff7800; }
+ #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #ff861a; }
+ #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #ff902e; }
+ #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ff9638; }
+ #panel .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button.clock-display .messages-indicator {
+ icon-size: 1.091em; }
+ #panel:overview, #panel.unlock-screen, #panel.login-screen {
+ background-color: transparent; }
+ #panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #d61f2d; }
+ #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #e02a37; }
+ #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #e13340; }
+ #panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #ff7800; }
+ #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #ff861a; }
+ #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #ff902e; }
+ #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ff9638; }
+ #panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel:overview .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button:active, #panel:overview .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel:overview .panel-button#panelActivities .workspace-dot {
+ background-color: #fafafb; }
+ #panel:overview .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel:overview .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel .panel-status-indicators-box,
+ #panel .panel-status-menu-box {
+ spacing: 2px; }
+ #panel .power-status.panel-status-indicators-box {
+ spacing: 0; }
+ #panel .privacy-indicator {
+ color: #ff7800; }
+
+#appMenu {
+ spacing: 0.409em; }
+ #appMenu .label-shadow {
+ color: transparent; }
+
+#appMenu .panel-status-menu-box {
+ padding: 0 0.409em;
+ spacing: 0.409em; }
+
+.clock-display-box {
+ spacing: 2px; }
+ .clock-display-box .clock {
+ padding-left: 0.818em;
+ padding-right: 0.818em; }
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0; }
+ .ripple-box:rtl {
+ border-radius: 0 0 0 52px; }
+
+.quick-settings {
+ padding: 18px;
+ border-radius: 36px; }
- .quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
++ .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
+ .quick-settings .message .message-header .message-close-button,
+ .message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
+ padding: 10.5px; }
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px; }
+
+.quick-toggle, .quick-toggle-has-menu {
+ border-radius: 999px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 3.273em; }
+
+.quick-toggle {
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */ }
+ .quick-toggle > StBoxLayout {
+ spacing: 9px; }
+ .quick-toggle.button {
+ padding: 0; }
+ .quick-toggle > StBoxLayout {
+ padding: 0 12px; }
+ .quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px; }
+ .quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px; }
+ .quick-toggle .quick-toggle-subtitle {
+ font-weight: normal; }
+ .quick-toggle .quick-toggle-icon {
+ icon-size: 1.091em; }
+
+.quick-toggle-has-menu .quick-toggle {
+ min-width: auto;
+ max-width: auto; }
+ .quick-toggle-has-menu .quick-toggle:ltr {
+ border-radius: 999px 0 0 999px; }
+ .quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
+ padding-right: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:rtl {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle:rtl > StBoxLayout {
+ padding-left: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:ltr:last-child {
+ border-radius: 999px; }
+ .quick-toggle-has-menu .quick-toggle:rtl:last-child {
+ border-radius: 999px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ padding: 0.409em 0.71575em; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:ltr {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:rtl {
+ border-radius: 999px 0 0 999px; }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ width: 1px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #4a4a4f, 9%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #4a4a4f, 9%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #4a4a4f, 9%), 4%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4a4a4f, 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4a4a4f, 9%), 9%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4a4a4f, 9%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #4a4a4f, 9%), 9%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+ color: -st-accent-fg-color;
+ background-color: st-mix(-st-accent-color, #ffffff, 85%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus {
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(-st-accent-color, #ffffff, 85%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 4%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+ color: -st-accent-fg-color;
+ background-color: st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active {
+ color: -st-accent-fg-color;
+ background-color: st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 9%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(-st-accent-color, #ffffff, 85%), 9%), 5%); }
+
+.quick-toggle-has-menu:checked .quick-toggle-separator {
+ background-color: st-mix(-st-accent-fg-color, -st-accent-color, 30%); }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ background-color: rgba(255, 255, 255, 0.25); }
+
+.quick-slider > StBoxLayout {
+ spacing: 6px; }
+
- .background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
++.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
+.quick-slider .message .message-header .message-close-button,
+.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
+ padding: 6px; }
+
+.quick-slider .slider-bin {
+ padding: 6px;
+ border-radius: 999px; }
+ .quick-slider .slider-bin:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #36363a, 9%), 5%); }
+ .quick-slider .slider-bin:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 4%), 5%); }
+
+.quick-toggle-menu {
+ border-radius: 24px;
+ margin: 12px 18px 0; }
+ .quick-toggle-menu:insensitive {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #36363a, 9%); }
+ .quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+ icon-size: 1.091em; }
+ .quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px; }
+ .quick-toggle-menu .header .icon {
+ icon-size: 1.6365em;
+ border-radius: 999px;
+ padding: 9px;
+ background-color: rgba(255, 255, 255, 0.2); }
+ .quick-toggle-menu .header .icon.active {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px; }
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0; }
+ .quick-settings-system-item .power-item:insensitive {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #36363a, 9%);
+ background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 0.5455em; }
+
+.bt-device-item .popup-menu-icon {
+ -st-icon-style: symbolic; }
+
+.bt-menu-placeholder.popup-menu-item {
+ text-align: center;
+ padding: 2em 4em; }
+
+.device-subtitle {
+ color: rgba(255, 255, 255, 0.5); }
+
+.keyboard-brightness-level {
+ spacing: 6px; }
+
+.background-apps-quick-toggle {
+ min-height: 2.728em;
+ background-color: transparent; }
+ .background-apps-quick-toggle StIcon {
+ icon-size: 1.091em !important; }
+
+.background-app-item .popup-menu-icon {
+ icon-size: 32px !important;
+ -st-icon-style: regular !important; }
+
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
++.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
+.background-app-item .message .message-header .message-close-button,
+.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
+ padding: 6px;
+ background-color: rgba(255, 255, 255, 0.13); }
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
++ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
+ .background-app-item .message .message-header .message-close-button:hover,
+ .message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
+ background-color: rgba(255, 255, 255, 0.22); }
- color: #949497; }
++ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
+ .background-app-item .message .message-header .message-close-button:active,
+ .message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
+ background-color: rgba(255, 255, 255, 0.31); }
+
+.background-app-item .spinner {
+ padding: 6px; }
+
+.background-app-item.popup-inactive-menu-item {
+ color: #ffffff; }
+
+/* OVERVIEW */
+.secondary-monitor-workspaces {
+ spacing: 12px; }
+
+#overviewGroup {
+ background-color: #222226; }
+
+/* Window Picker */
+.window-picker {
+ spacing: 6px; }
+
+.window-close, .screenshot-ui-close-button {
+ background-color: rgba(63, 63, 70, 0.98);
+ color: #fafafb;
+ border-radius: 999px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+ padding: 3px;
+ height: 32px;
+ width: 32px;
+ transition-duration: 100ms;
+ border: 2px solid transparent; }
+ .window-close StIcon, .screenshot-ui-close-button StIcon {
+ icon-size: 24px; }
+ .window-close:hover, .screenshot-ui-close-button:hover {
+ background-color: rgba(80, 80, 89, 0.98); }
+ .window-close:active, .screenshot-ui-close-button:active {
+ background-color: rgba(94, 94, 105, 0.98); }
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: rgba(3, 2, 1, 0);
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
+
+.search-entry {
+ border-radius: 999px;
+ margin-top: 12px;
+ margin-bottom: 6px;
+ width: 24em; }
+ .search-entry .search-entry-icon {
+ icon-size: 1.091em;
+ margin-top: 2px;
+ padding: 0 4px; }
+
+/* Search */
+#searchResults {
+ margin: 0 4px; }
+
+#searchResultsContent {
+ max-width: 1044px; }
+
+.search-section {
+ spacing: 18px; }
+ .search-section .search-section-separator {
+ height: 8px;
+ background-color: transparent; }
+
+.search-section-content {
+ background-color: #38383b;
+ color: #fafafb;
+ border-radius: 24px;
+ padding: 12px;
+ margin: 0 12px;
+ border: 2px solid transparent; }
+
+.list-search-result, .search-provider-icon {
+ color: #fafafb;
+ background-color: #38383b;
+ background-color: transparent;
+ border-radius: 13.2px; }
+ .list-search-result:focus, .search-provider-icon:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(56, 56, 59, 0.25), 5%); }
+ .list-search-result:focus:hover, .search-provider-icon:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 7%), 5%); }
+ .list-search-result:hover, .search-provider-icon:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .list-search-result:active, .search-provider-icon:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .list-search-result:active:hover, .search-provider-icon:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .list-search-result:active:focus, .search-provider-icon:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 9%), 5%); }
+ .list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ .list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ .list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ .list-search-result:insensitive, .search-provider-icon:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: #38383b; }
+ .list-search-result:drop, .search-provider-icon:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.search-statustext {
+ color: rgba(250, 250, 251, 0.8); }
+
+.grid-search-results {
+ spacing: 30px; }
+
+.search-provider-icon:ltr {
+ margin-right: 4px; }
+
+.search-provider-icon:rtl {
+ margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px; }
+ .search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ color: #fafafb; }
+
+.list-search-results {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-content {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-title {
+ spacing: 12px; }
+
+.list-search-result .list-search-result-description {
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
++ color: #afafb1; }
+
+/* Dash */
+#dash {
+ padding-left: 6px;
+ padding-right: 6px; }
+ #dash .dash-background {
+ background-color: #38383b;
+ border-radius: 28px;
+ padding-top: 12px;
+ padding-bottom: 12px;
+ padding-left: 10px;
+ padding-right: 10px; }
+ #dash .dash-item-container .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px; }
+ #dash .dash-item-container .empty-dash-drop-target {
+ width: 32px;
+ height: 32px; }
+ #dash .dash-item-container .show-apps,
+ #dash .dash-item-container .overview-tile,
+ #dash .dash-item-container .grid-search-result {
+ margin: 0 2px;
+ padding-bottom: 12px; }
+ #dash .dash-item-container .show-apps .overview-icon,
+ #dash .dash-item-container .overview-tile .overview-icon,
+ #dash .dash-item-container .grid-search-result .overview-icon {
+ color: #fafafb;
+ background-color: #38383b; }
+ #dash .dash-item-container .show-apps:focus .overview-icon,
+ #dash .dash-item-container .overview-tile:focus .overview-icon,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(56, 56, 59, 0.25), 5%); }
+ #dash .dash-item-container .show-apps:focus .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:focus .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 7%), 5%); }
+ #dash .dash-item-container .show-apps:hover .overview-icon,
+ #dash .dash-item-container .overview-tile:hover .overview-icon,
+ #dash .dash-item-container .grid-search-result:hover .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ #dash .dash-item-container .show-apps:active .overview-icon,
+ #dash .dash-item-container .overview-tile:active .overview-icon,
+ #dash .dash-item-container .grid-search-result:active .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:active .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:focus,
+ #dash .dash-item-container .overview-tile:active .overview-icon:focus,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 9%), 5%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon,
+ #dash .dash-item-container .overview-tile:checked .overview-icon,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:active,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:active,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ #dash .dash-item-container .app-grid-running-dot {
+ offset-y: -12px; }
+ #dash .dash-separator {
+ width: 1px;
+ margin-left: 4px;
+ margin-right: 4px;
+ background-color: rgba(250, 250, 251, 0.1); }
+ #dash .dash-separator,
+ #dash .dash-background {
+ margin-bottom: 12px; }
+
+.dash-label {
+ -y-offset: 8px; }
+
+/* App Grid */
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 36px;
+ max-column-spacing: 36px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 18px;
+ page-padding-right: 18px; }
+
+/* App Icons */
+.overview-tile, .grid-search-result {
+ color: #fafafb;
+ background-color: #222226;
+ background-color: transparent;
+ border-radius: 24px;
+ padding: 12px; }
+ .overview-tile:focus, .grid-search-result:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(34, 34, 38, 0.25), 5%); }
+ .overview-tile:focus:hover, .grid-search-result:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 7%), 5%); }
+ .overview-tile:hover, .grid-search-result:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .overview-tile:active, .grid-search-result:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .overview-tile:active:hover, .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .overview-tile:active:focus, .grid-search-result:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 9%), 5%); }
+ .overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 8%); }
+ .overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#222226, 8%), 7%); }
+ .overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#222226, 8%), 9%); }
+ .overview-tile:insensitive, .grid-search-result:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: #222226; }
+ .overview-tile:drop, .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+ spacing: 6px; }
+
+.app-folder {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 9%); }
+ .app-folder:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #222226, 9%), 5%); }
+ .app-folder:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 4%), 5%); }
+ .app-folder:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 4%); }
+ .app-folder:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 9%); }
+ .app-folder:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
+ .app-folder:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
+ .app-folder:highlighted, .app-folder:selected, .app-folder:checked {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 8%); }
+ .app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 8%), 4%); }
+ .app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 8%), 9%); }
+ .app-folder:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: st-darken(st-mix(#fafafb, #222226, 9%), 3%); }
+ .app-folder:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.app-grid-running-dot {
+ height: 5px;
+ width: 5px;
+ border-radius: 5px;
+ background-color: #fafafb;
+ offset-y: 6px; }
+
+.app-folder-dialog-container {
+ padding-top: 2.2em; }
+
+.app-folder-dialog {
+ width: 720px;
+ height: 720px;
+ border-radius: 64px;
+ background-color: #38383b;
+ color: #fafafb;
+ padding: 0 1px;
+ box-shadow: inset 0 0 0 1px rgba(250, 250, 251, 0.1); }
+ .app-folder-dialog .folder-name-container {
+ padding: 24px 36px;
+ padding-bottom: 0; }
+ .app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 12em; }
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
++ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
+ .app-folder-dialog .message .message-header .message-close-button,
+ .message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #38383b, 9%); }
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
++ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
+ .app-folder-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #38383b, 9%), 4%); }
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
++ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
+ .app-folder-dialog .message .message-header .message-close-button:active,
+ .message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #38383b, 9%), 9%); }
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
++ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
+ .app-folder-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #38383b, 9%), 9%), 4%); }
++ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
+ .app-folder-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #38383b, 9%), 9%), 5%); }
+ .app-folder-dialog .page-indicators {
+ margin-bottom: 24px; }
+ .app-folder-dialog .page-navigation-arrow {
+ color: #fafafb;
+ background-color: #38383b; }
+ .app-folder-dialog .page-navigation-arrow:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .app-folder-dialog .page-navigation-arrow:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .app-folder-dialog .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .app-folder-dialog .page-navigation-arrow:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 9%), 5%); }
+ .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
+ color: #fafafb;
+ background-color: #38383b;
+ background-color: transparent; }
+ .app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(56, 56, 59, 0.25), 5%); }
+ .app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 7%), 5%); }
+ .app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#38383b, 9%), 5%); }
+ .app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ .app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ .app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ .app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
+ color: st-transparentize(#fafafb, 0.5);
+ background-color: #38383b; }
+ .app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px; }
+ .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px; }
+
+.page-indicator {
+ padding: 6px 12px 0;
+ transition-duration: 400ms; }
+ .page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 999px;
+ background-color: #fafafb;
+ transition-duration: 400ms; }
+
+.apps-scroll-view {
+ padding: 0; }
+
+.system-action-icon {
+ background-color: rgba(250, 250, 251, 0.1);
+ color: #fafafb;
+ border-radius: 999px;
+ icon-size: 48px; }
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ color: #fafafb;
+ background-color: #222226; }
+ .page-navigation-arrow > StIcon {
+ color: #fafafb; }
+ .page-navigation-arrow:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .page-navigation-arrow:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .page-navigation-arrow:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 9%), 5%); }
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px; }
+ .workspace-thumbnails .workspace-thumbnail {
+ color: #fafafb;
+ background-color: #46464e;
+ border-radius: 4px;
+ border: 1px solid transparent; }
+ .workspace-thumbnails .placeholder {
+ background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
+ background-size: contain;
+ width: 18px; }
+
+.workspace-thumbnail-indicator {
+ border: 3px solid -st-accent-color;
+ border-radius: 8px; }
+
+.ripple-pointer-location {
+ width: 50px;
+ height: 50px;
+ border-radius: 25px;
+ background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 30%);
+ box-shadow: 0 0 2px 2px st-lighten(-st-accent-color, 20%); }
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: -st-accent-color;
+ -pie-background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 40%); }
+
+.magnifier-zoom-region {
+ border: 2px solid -st-accent-color; }
+ .magnifier-zoom-region.full-screen {
+ border-width: 0; }
+
+.select-area-rubberband {
+ background-color: st-transparentize(-st-accent-color, 0.7);
+ border: 1px solid -st-accent-color; }
+
+.user-icon {
+ background-size: contain;
+ border-radius: 999px;
+ icon-size: 64px;
+ background-color: rgba(255, 255, 255, 0.05);
+ color: #ffffff; }
+ .user-icon StIcon {
+ padding: 12px; }
+ .user-icon.user-avatar {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.lightbox {
+ background-color: black; }
+
+.flashspot {
+ background-color: white; }
+
+.hidden {
+ color: transparent; }
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ color: #cd9309; }
+
+/* Workspace animation */
+.workspace-animation {
+ background-color: #2e2e33; }
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: st-transparentize(-st-accent-color, 0.5);
+ border: 1px solid -st-accent-color; }
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #2e2e33;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
+ #keyboard .page-indicator {
+ padding: 6px; }
+ #keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px; }
+
+.key-container {
+ padding: 4px;
+ spacing: 4px; }
+
+.keyboard-key {
+ font-size: 1.455em;
+ font-weight: bold;
+ border-radius: 0.546em;
+ box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #4d4d4d, 9%); }
+ .keyboard-key:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #36363a, 9%), 5%); }
+ .keyboard-key:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 4%), 5%); }
+ .keyboard-key:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 4%); }
+ .keyboard-key:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%); }
+ .keyboard-key:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 4%); }
+ .keyboard-key:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 5%); }
+ .keyboard-key:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%); }
+ .keyboard-key:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 4%); }
+ .keyboard-key:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 9%); }
+ .keyboard-key.default-key {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #333333, 9%);
+ border: none; }
+ .keyboard-key.default-key:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #333333, 9%), 4%); }
+ .keyboard-key.default-key:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #333333, 9%), 9%); }
+ .keyboard-key.default-key:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 9%), 4%); }
+ .keyboard-key.default-key:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #333333, 9%), 9%), 5%); }
+ .keyboard-key.default-key:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #333333, 9%), 8%); }
+ .keyboard-key.default-key:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 8%), 4%); }
+ .keyboard-key.default-key:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 8%), 9%); }
+ .keyboard-key.default-key:latched {
+ background-color: -st-accent-color; }
+ .keyboard-key StIcon {
+ icon-size: 1.6365em; }
+
+.keyboard-subkeys-boxpointer {
+ -arrow-border-radius: 22px;
+ -arrow-background-color: #2e2e33;
+ -arrow-border-width: 1px;
+ -arrow-border-color: #44444c;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 4px;
+ border-radius: 22px;
+ box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }
+ .keyboard-subkeys-boxpointer .key-container {
+ padding: 12px;
+ spacing: 8px; }
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial; }
+
+.emoji-panel .keyboard-key:latched {
+ border-color: st-lighten(-st-accent-color, 5%);
+ background-color: -st-accent-color; }
+
+.word-suggestions {
+ spacing: 12px;
+ min-height: 17pt;
+ padding: 12px;
+ color: #ffffff; }
+ .word-suggestions StButton {
+ margin: 0 3px;
+ min-width: 32px;
+ border-radius: 4px;
+ padding: 6px 18px;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .word-suggestions StButton:insensitive {
+ background-color: transparent !important; }
+ .word-suggestions StButton:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #36363a, 9%), 5%); }
+ .word-suggestions StButton:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 4%), 5%); }
+ .word-suggestions StButton:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 4%); }
+ .word-suggestions StButton:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%); }
+ .word-suggestions StButton:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 4%); }
+ .word-suggestions StButton:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 5%); }
+ .word-suggestions StButton:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%); }
+ .word-suggestions StButton:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 4%); }
+ .word-suggestions StButton:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 9%); }
+
+/* Looking Glass */
+.lg-dialog StEntry {
+ min-height: 1.5em; }
+
+.lg-dialog .shell-link {
+ color: st-lighten(-st-accent-color, 20%); }
+ .lg-dialog .shell-link:hover {
+ color: st-lighten(st-lighten(-st-accent-color, 20%), 10%); }
+ .lg-dialog .shell-link:active {
+ color: st-darken(st-lighten(-st-accent-color, 20%), 10%); }
+
+.lg-dialog .actor-link {
+ color: st-darken(#ffffff, 20%); }
+ .lg-dialog .actor-link:hover {
+ color: #ffffff; }
+ .lg-dialog .actor-link:active {
+ color: st-lighten(#ffffff, 20%); }
+ .lg-dialog .actor-link StIcon {
+ icon-size: 12px; }
+
+.lg-completions-text {
+ font-style: italic; }
+
+#LookingGlassDialog {
+ background-color: rgba(46, 46, 51, 0.98);
+ color: #ffffff;
+ border-radius: 16px;
+ margin-top: 4px;
+ border: 2px solid transparent;
+ padding: 6px;
+ spacing: 6px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
+ #LookingGlassDialog > #Toolbar {
+ border: none;
+ padding: 6px;
+ border-radius: 0;
+ background-color: transparent;
+ spacing: 6px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ padding: 6px 12px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+ icon-size: 16px; }
+ #LookingGlassDialog .labels {
+ spacing: 6px; }
+ #LookingGlassDialog .notebook-tab {
+ background-color: transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 12px;
+ padding: 6px 12px; }
+ #LookingGlassDialog .notebook-tab:selected {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%); }
+ #LookingGlassDialog .notebook-tab:selected:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%), 4%); }
+ #LookingGlassDialog .notebook-tab:selected:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #2e2e33, 9%), 9%), 5%); }
+
+#LookingGlassPropertyInspector {
+ background-color: #2e2e33;
+ color: #ffffff;
+ border-radius: 16px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ padding: 12px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-title {
+ spacing: 4px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button {
+ padding: 6px 12px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button {
+ margin: 4px;
+ padding: 6px;
+ border-radius: 999px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button > StIcon {
+ icon-size: 16px; }
+
+#LookingGlassEvaluator {
+ padding: 6px; }
+ #LookingGlassEvaluator .evaluator-results {
+ spacing: 6px; }
+
+#LookingGlassWindows {
+ padding: 6px;
+ spacing: 6px; }
+ #LookingGlassWindows .lg-window {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 9%);
+ margin: 0;
+ padding: 12px; }
+
+#LookingGlassExtensions .lg-extensions-list {
+ padding: 6px;
+ spacing: 6px; }
+
+#LookingGlassExtensions .lg-extension {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 9%);
+ margin: 0;
+ spacing: 4px;
+ padding: 12px; }
+ #LookingGlassExtensions .lg-extension .lg-extension-name {
+ color: #ffffff !important; }
+ #LookingGlassExtensions .lg-extension .lg-extension-meta {
+ spacing: 12px; }
+
+#LookingGlassExtensions .lg-extensions-none {
+ color: rgba(255, 255, 255, 0.5); }
+
+#LookingGlassActors {
+ padding: 6px;
+ spacing: 4px; }
+
+#LookingGlassDebugFlags .lg-debug-flags-header {
+ padding: 6px;
+ padding-top: 12px; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button {
+ padding: 9px 12px;
+ margin-bottom: 6px; }
+ #LookingGlassDebugFlags .lg-debug-flag-button StLabel {
+ font-weight: normal !important; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch {
+ background: rgba(255, 255, 255, 0.15); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:hover {
+ background: rgba(255, 255, 255, 0.2); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.login-dialog,
+.unlock-dialog {
+ color: #fafafb; }
+ .login-dialog .caps-lock-warning-label,
+ .login-dialog .login-dialog-message-warning,
+ .unlock-dialog .caps-lock-warning-label,
+ .unlock-dialog .login-dialog-message-warning {
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-layout,
+ .unlock-dialog .login-dialog-prompt-layout {
+ width: 25em;
+ spacing: 9px; }
+
+.login-dialog-button.cancel-button {
+ padding: 9px; }
+
+.login-dialog-button-box {
+ spacing: 12px; }
+
+.conflicting-session-dialog-content {
+ spacing: 20px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-title {
+ text-align: center;
+ margin-bottom: 5px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc {
+ text-align: center; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
+ text-align: center;
+ color: #cd9309; }
+
+.login-dialog-logo-bin {
+ margin: 3em 0; }
+
+.login-dialog-banner-view {
+ max-width: 25em; }
+ .login-dialog-banner-view .login-dialog-banner {
+ color: #dedee4; }
+
+.login-dialog-message {
+ text-align: center; }
+
+.login-dialog-message-hint, .login-dialog-message {
+ color: #dedee4;
+ min-height: 2.75em; }
+
+.login-dialog-user-selection-box {
+ padding-top: 4em;
+ padding-bottom: 8em; }
+
+.login-dialog-not-listed-label {
+ padding: 6px; }
+
+.login-dialog-not-listed-button {
+ color: #fafafb;
+ background-color: #222226;
+ padding: 0 6px;
+ margin: 6px; }
+ .login-dialog-not-listed-button:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(34, 34, 38, 0.25), 5%); }
+ .login-dialog-not-listed-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 7%), 5%); }
+ .login-dialog-not-listed-button:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .login-dialog-not-listed-button:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .login-dialog-not-listed-button:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .login-dialog-not-listed-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 9%), 5%); }
+
+.login-dialog-auth-list-view {
+ -st-vfade-offset: 3em; }
+
+.login-dialog-auth-list {
+ spacing: 6px;
+ margin-left: 2em; }
+
+.login-dialog-auth-list-title {
+ margin-left: 2em;
+ padding-bottom: 6px; }
+
+.login-dialog .login-dialog-auth-list-item {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 9%);
+ border-radius: 9.6px;
+ padding: 7.2px; }
+ .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #222226, 9%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 4%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 4%); }
+ .login-dialog .login-dialog-auth-list-item:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 9%); }
+ .login-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
+ .login-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
+
+.unlock-dialog .login-dialog-auth-list-item {
+ border-radius: 9.6px;
+ padding: 7.2px; }
+
+.login-dialog-auth-list-label:ltr {
+ padding-left: 15px;
+ text-align: left; }
+
+.login-dialog-auth-list-label:rtl {
+ padding-right: 15px;
+ text-align: right; }
+
+.login-dialog-user-list-view {
+ width: 25em;
+ -st-vfade-offset: 3em; }
+ .login-dialog-user-list-view .login-dialog-user-list {
+ margin: 0 8px;
+ spacing: 12px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 9%);
+ border-radius: 16px;
+ padding: 9px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #222226, 9%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 4%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 4%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 9%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
+ border: 2px solid transparent; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin-top: 6px;
+ background-color: rgba(250, 250, 251, 0.7); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
+ border-color: -st-accent-color; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
+ background-color: st-transparentize(-st-accent-color, 0.7); }
+
+.unlock-dialog {
+ background-color: transparent; }
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup {
+ background-color: #222226; }
+
+.unlock-dialog-clock {
+ color: #fafafb;
+ spacing: 2em; }
+ .unlock-dialog-clock .unlock-dialog-clock-time {
+ font-size: 6.546em;
+ font-weight: 800; }
+ .unlock-dialog-clock .unlock-dialog-clock-date {
+ font-weight: 400; }
+ .unlock-dialog-clock .unlock-dialog-clock-hint {
+ margin-top: 2em;
+ padding: 6px 18px;
+ border-radius: 16px;
+ font-weight: bold; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(54, 54, 58, 0.3); }
+ #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(54, 54, 58, 0.5); }
+ #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: st-transparentize(-st-accent-color, 0.5); }
+
+.unlock-dialog-notifications-container {
+ margin: 12px;
+ spacing: 6px;
+ width: 25em;
+ background-color: transparent; }
+ .unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0; }
+ .unlock-dialog-notifications-container .notification,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 16px;
+ border: none;
+ background-color: rgba(250, 250, 251, 0.1);
+ color: #fafafb;
+ border-radius: 16px; }
+ .unlock-dialog-notifications-container .notification.critical,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: rgba(250, 250, 251, 0.2); }
+
+.unlock-dialog-notification-icon {
+ icon-size: 32px; }
+
+.unlock-dialog-notification-label {
+ padding-left: 12px;
+ padding-right: 0; }
+ .unlock-dialog-notification-label:rtl {
+ padding-right: 12px;
+ padding-left: 0; }
+
+.unlock-dialog-notification-count-text {
+ font-weight: bold;
+ padding: 0 12px;
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.1);
+ border-radius: 999px; }
+
+.login-dialog .user-widget .user-widget-label,
+.unlock-dialog .user-widget .user-widget-label {
+ color: #fafafb; }
+
+.login-dialog .user-widget .user-icon,
+.unlock-dialog .user-widget .user-icon {
+ background-color: rgba(250, 250, 251, 0.13);
+ color: #fafafb; }
+
+.login-dialog .user-widget.horizontal,
+.unlock-dialog .user-widget.horizontal {
+ spacing: 18px; }
+
+.login-dialog .user-widget.vertical,
+.unlock-dialog .user-widget.vertical {
+ spacing: 24px; }
+ .login-dialog .user-widget.vertical .user-widget-label,
+ .unlock-dialog .user-widget.vertical .user-widget-label {
+ font-weight: 400;
+ font-size: 1.818em;
+ text-align: center;
+ margin-bottom: .75em; }
+ .login-dialog .user-widget.vertical .user-icon,
+ .unlock-dialog .user-widget.vertical .user-icon {
+ icon-size: 160px; }
+ .login-dialog .user-widget.vertical .user-icon StIcon,
+ .unlock-dialog .user-widget.vertical .user-icon StIcon {
+ padding: 30px; }
--- /dev/null
- #LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+ font-size: 1em;
+ color: #ffffff; }
+
+/* Common Stylings */
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+ background: none;
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ margin: 0; }
+
+.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box, .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ border-radius: 16px;
+ padding: 6px;
+ spacing: 6px;
+ text-align: center;
+ transition-duration: 100ms; }
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ border-radius: 8px;
+ padding: 3px 24px;
+ font-weight: bold;
+ transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
- .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%); }
- .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
++ .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%), 5%); }
- .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
++ .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%), 5%); }
- .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
++ .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%); }
- .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
++ .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #1a1a1a, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
- .icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
++ .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
++ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), #ffffff, 87%); }
- .icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
++ .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
++ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), 4%); }
- .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
++ .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
++ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), #ffffff, 87%), 5%); }
- .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
++ .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
- .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
++ .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
- .calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
++ .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
+
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
++.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
+.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #1a1a1a;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
++ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
+ .message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(26, 26, 26, 0.25), 5%); }
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
++ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
+ .message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%), 5%); }
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
++ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
+ .message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%); }
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
++ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
+ .message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #1a1a1a;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
++ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
++ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
+ .message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
++ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
++ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
+ .message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 9%), 7%); }
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
++ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
++ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
+ .message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
++ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
+ .message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 8%), #ffffff, 87%); }
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
++ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
+ .message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 8%), 7%); }
- .keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
++ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
+ .message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
+ background-color: st-lighten(st-lighten(#1a1a1a, 8%), 9%); }
+
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
++.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
+.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(-st-accent-color, #ffffff, 87%); }
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
++ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
+ .message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(-st-accent-color, #ffffff, 87%), 5%); }
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
++ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
+ .message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(-st-accent-color, 4%), #ffffff, 87%), 5%); }
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
++ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
+ .message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(st-lighten(-st-accent-color, 4%), #ffffff, 87%); }
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
++ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
+ .message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: st-transparentize(-st-accent-fg-color, 0.5);
+ background-color: st-darken(-st-accent-color, 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
++ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
+ .message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(st-lighten(-st-accent-color, 9%), #ffffff, 87%); }
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
++ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
+ .message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
+ background-color: st-lighten(st-lighten(-st-accent-color, 9%), 4%); }
- .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
++ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
+ .message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(-st-accent-color, 9%), #ffffff, 87%), 5%); }
+
+.popup-sub-menu .popup-menu-item, .popup-menu-item {
+ font-weight: normal;
+ spacing: 6px;
+ transition-duration: 100ms;
+ padding: 9px 12px; }
+
+#LookingGlassExtensions .lg-extension, #LookingGlassWindows .lg-window, .calendar, .datemenu-today-button, .quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ border-radius: 12px;
+ padding: 0.818em;
+ margin: 4px;
+ background-color: #1a1a1a;
+ box-shadow: 0 1px 2px 0 transparent;
+ border: 1px solid #1a1a1a;
+ border-color: transparent;
+ box-shadow: none; }
+
+.quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(#1a1a1a, #ffffff, 87%); }
+ .quick-toggle-menu:hover, .message:hover, .events-button:hover,
+ .world-clocks-button:hover,
+ .weather-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 4%), #ffffff, 87%); }
+ .quick-toggle-menu:active, .message:active, .events-button:active,
+ .world-clocks-button:active,
+ .weather-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
+ .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
+ .world-clocks-button:active:hover,
+ .weather-button:active:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 9%), 4%); }
+ .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
+ .world-clocks-button:active:focus,
+ .weather-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .quick-toggle-menu:focus, .message:focus, .events-button:focus,
+ .world-clocks-button:focus,
+ .weather-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#1a1a1a, #ffffff, 87%), 5%); }
+ .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
+ .world-clocks-button:focus:hover,
+ .weather-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 4%), #ffffff, 87%), 5%); }
+ .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
+ .world-clocks-button:insensitive,
+ .weather-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(#1a1a1a, 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.calendar, .datemenu-today-button {
+ border: 1px solid transparent !important;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ background-color: transparent !important; }
+ .calendar:hover, .datemenu-today-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%); }
+ .calendar:active, .datemenu-today-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
+ .calendar:active:hover, .datemenu-today-button:active:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 9%), 7%); }
+ .calendar:active:focus, .datemenu-today-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .calendar:focus, .datemenu-today-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#1a1a1a, #ffffff, 87%), 5%); }
+ .calendar:focus:hover, .datemenu-today-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 4%), #ffffff, 87%), 5%); }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(#1a1a1a, 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
+ border-radius: 8px;
+ padding: 9px 9px;
+ selection-background-color: st-transparentize(-st-accent-color, 0.7);
+ selected-color: #ffffff; }
+
+StEntry {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #2e2e2e;
+ color: rgba(255, 255, 255, 0.7); }
+ StEntry:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #383838;
+ color: #ffffff; }
+ StEntry:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #2e2e2e, 5%);
+ color: #ffffff; }
+ StEntry:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #262626;
+ color: rgba(255, 255, 255, 0.5); }
+ StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+.notification-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button {
+ font-weight: bold;
+ padding: 6px 12px;
+ border-radius: 8px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.15), #ffffff, 87%); }
+ .notification-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.15), #ffffff, 87%), 5%); }
+ .notification-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.3), #ffffff, 87%), 5%); }
+ .notification-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.3), #ffffff, 87%); }
+ .notification-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.2), #ffffff, 87%); }
+ .notification-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .notification-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.2), #ffffff, 87%), 5%); }
+ .notification-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
+ .notification-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
+ .notification-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
+ .notification-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button {
+ font-weight: bold;
+ padding: 12px;
+ border-radius: 12px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.1), #ffffff, 87%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.1), #ffffff, 87%), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:hover {
+ background-color: rgba(255, 255, 255, 0.19); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #1a1a1a, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.dash-label, .window-caption, .screenshot-ui-tooltip {
+ background-color: rgba(0, 0, 0, 0.9);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ color: #ffffff;
+ border-radius: 999px;
+ padding: 6px 12px;
+ text-align: center;
+ background-color: black;
+ border-color: rgba(255, 255, 255, 0.4); }
+
+/* General Typography */
+.unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
+ font-weight: 800;
+ font-size: 1.818em; }
+
+.conflicting-session-dialog-content .conflicting-session-dialog-title, .message-dialog-content .message-dialog-title, .message-notification-group .message-group-header .message-group-title, .datemenu-today-button .date-label {
+ font-weight: 800;
+ font-size: 1.364em; }
+
+.login-dialog .user-widget.horizontal .user-widget-label,
+.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title, .message-list .message-list-placeholder {
+ font-weight: 700;
+ font-size: 1.364em; }
+
+.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
+.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
+ font-weight: 700;
+ font-size: 1.182em; }
+
+.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
+ font-weight: 700;
+ font-size: 1em; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
+ font-weight: 700;
+ font-size: 0.818em; }
+
+.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog .prompt-dialog-error-label,
+.prompt-dialog .prompt-dialog-info-label,
+.prompt-dialog .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+.weather-button .weather-box .weather-grid .weather-forecast-time, .calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
+ font-family: monospace; }
+
+.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-feature-settings: "tnum"; }
+
+/* OSD Elements */
+#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+ color: #ffffff;
+ background-color: #000000;
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ border-radius: 999px;
+ padding: 12px;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
+ border: 2px solid rgba(255, 255, 255, 0.4);
+ box-shadow: none; }
+
+.lg-dialog StEntry {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #171717;
+ color: rgba(255, 255, 255, 0.7); }
+ .lg-dialog StEntry:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #212121;
+ color: #ffffff; }
+ .lg-dialog StEntry:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #171717, 5%);
+ color: #ffffff; }
+ .lg-dialog StEntry:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #0f0f0f;
+ color: rgba(255, 255, 255, 0.5); }
+ .lg-dialog StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+#LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), #ffffff, 87%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:insensitive, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:insensitive,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #000000, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+#LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ #LookingGlassDialog .notebook-tab:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(0, 0, 0, 0.25), 5%); }
+ #LookingGlassDialog .notebook-tab:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 7%), #ffffff, 87%), 5%); }
+ #LookingGlassDialog .notebook-tab:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 7%), #ffffff, 87%); }
+ #LookingGlassDialog .notebook-tab:active, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 9%), #ffffff, 87%); }
+ #LookingGlassDialog .notebook-tab:active:hover, .screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
+ background-color: st-lighten(st-lighten(#000000, 9%), 7%); }
+ #LookingGlassDialog .notebook-tab:active:focus, .screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
+ #LookingGlassDialog .notebook-tab:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 8%), #ffffff, 87%); }
+ #LookingGlassDialog .notebook-tab:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
+ background-color: st-lighten(st-lighten(#000000, 8%), 7%); }
+ #LookingGlassDialog .notebook-tab:checked:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
+ background-color: st-lighten(st-lighten(#000000, 8%), 9%); }
+ #LookingGlassDialog .notebook-tab:insensitive, .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+/* System Elements */
+.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #232323;
+ color: rgba(255, 255, 255, 0.7); }
+ .login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #2d2d2d;
+ color: #ffffff; }
+ .login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #232323, 5%);
+ color: #ffffff; }
+ .login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: #1b1b1b;
+ color: rgba(255, 255, 255, 0.5); }
+ .login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
- .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
++.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #0d0d0d, 9%), #ffffff, 87%); }
- .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
++ .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #0d0d0d, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
- .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
++ .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #0d0d0d, 9%), #ffffff, 87%), 5%); }
- .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
++ .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 4%), #ffffff, 87%), 5%); }
- .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
++ .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 4%), #ffffff, 87%); }
- .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
++ .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), #ffffff, 87%); }
- .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
++ .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), 4%); }
- .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
++ .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), #ffffff, 87%), 5%); }
- .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
++ .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), #ffffff, 87%); }
- .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
++ .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), 4%); }
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++ .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), 9%); }
+
+/* Lockscreen Elements */
+.unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .calendar .calendar-month-header .pager-button,
+.calendar .calendar-month-header .unlock-dialog .pager-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button,
++.unlock-dialog .login-dialog-button.a11y-button,
+.unlock-dialog .login-dialog-button.cancel-button,
+.unlock-dialog .login-dialog-button.switch-user-button,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.1), #ffffff, 87%); }
+ .unlock-dialog .button:focus,
+ .unlock-dialog .icon-button:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus,
+ .unlock-dialog .message .message-header .message-expand-button:focus,
+ .message .message-header .unlock-dialog .message-expand-button:focus,
+ .unlock-dialog .message .message-header .message-close-button:focus,
+ .message .message-header .unlock-dialog .message-close-button:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.1), #ffffff, 87%), 5%); }
+ .unlock-dialog .button:focus:hover,
+ .unlock-dialog .icon-button:focus:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus:hover,
+ .unlock-dialog .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .unlock-dialog .message-expand-button:focus:hover,
+ .unlock-dialog .message .message-header .message-close-button:focus:hover,
+ .message .message-header .unlock-dialog .message-close-button:focus:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:focus:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:focus:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%), 5%); }
+ .unlock-dialog .button:hover,
+ .unlock-dialog .icon-button:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:hover,
+ .unlock-dialog .message .message-header .message-expand-button:hover,
+ .message .message-header .unlock-dialog .message-expand-button:hover,
+ .unlock-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .unlock-dialog .message-close-button:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%); }
+ .unlock-dialog .button:active,
+ .unlock-dialog .icon-button:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:active,
+ .unlock-dialog .message .message-header .message-expand-button:active,
+ .message .message-header .unlock-dialog .message-expand-button:active,
+ .unlock-dialog .message .message-header .message-close-button:active,
+ .message .message-header .unlock-dialog .message-close-button:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active,
++ .unlock-dialog .login-dialog-button.a11y-button:active,
+ .unlock-dialog .login-dialog-button.cancel-button:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%); }
+ .unlock-dialog .button:active:hover,
+ .unlock-dialog .icon-button:active:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:hover,
+ .unlock-dialog .message .message-header .message-expand-button:active:hover,
+ .message .message-header .unlock-dialog .message-expand-button:active:hover,
+ .unlock-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .unlock-dialog .message-close-button:active:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:active:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:active:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: rgba(255, 255, 255, 0.19); }
+ .unlock-dialog .button:active:focus,
+ .unlock-dialog .icon-button:active:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:focus,
+ .unlock-dialog .message .message-header .message-expand-button:active:focus,
+ .message .message-header .unlock-dialog .message-expand-button:active:focus,
+ .unlock-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .unlock-dialog .message-close-button:active:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:active:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:active:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%), 5%); }
+ .unlock-dialog .button:checked,
+ .unlock-dialog .icon-button:checked,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked,
+ .unlock-dialog .message .message-header .message-expand-button:checked,
+ .message .message-header .unlock-dialog .message-expand-button:checked,
+ .unlock-dialog .message .message-header .message-close-button:checked,
+ .message .message-header .unlock-dialog .message-close-button:checked,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked,
++ .unlock-dialog .login-dialog-button.a11y-button:checked,
+ .unlock-dialog .login-dialog-button.cancel-button:checked,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
+ .unlock-dialog .button:checked:hover,
+ .unlock-dialog .icon-button:checked:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:hover,
+ .unlock-dialog .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .unlock-dialog .message-expand-button:checked:hover,
+ .unlock-dialog .message .message-header .message-close-button:checked:hover,
+ .message .message-header .unlock-dialog .message-close-button:checked:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
+ .unlock-dialog .button:checked:active,
+ .unlock-dialog .icon-button:checked:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:active,
+ .unlock-dialog .message .message-header .message-expand-button:checked:active,
+ .message .message-header .unlock-dialog .message-expand-button:checked:active,
+ .unlock-dialog .message .message-header .message-close-button:checked:active,
+ .message .message-header .unlock-dialog .message-close-button:checked:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:active,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
+ .unlock-dialog .button:insensitive,
+ .unlock-dialog .icon-button:insensitive,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
+ .unlock-dialog .message-notification-group .message-collapse-button:insensitive,
+ .message-notification-group .unlock-dialog .message-collapse-button:insensitive,
+ .unlock-dialog .message .message-header .message-expand-button:insensitive,
+ .message .message-header .unlock-dialog .message-expand-button:insensitive,
+ .unlock-dialog .message .message-header .message-close-button:insensitive,
+ .message .message-header .unlock-dialog .message-close-button:insensitive,
+ .unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
++ .unlock-dialog .login-dialog-button.a11y-button:insensitive,
+ .unlock-dialog .login-dialog-button.cancel-button:insensitive,
+ .unlock-dialog .login-dialog-button.switch-user-button:insensitive,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #1a1a1a, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.unlock-dialog .login-dialog-prompt-entry {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: rgba(255, 255, 255, 0.1);
+ color: rgba(255, 255, 255, 0.7); }
+ .unlock-dialog .login-dialog-prompt-entry:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #ffffff; }
+ .unlock-dialog .login-dialog-prompt-entry:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(255, 255, 255, 0.7), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(255, 255, 255, 0.1), 5%);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(255, 255, 255, 0.7), 0.1) !important;
+ background-color: st-mix(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1), 5%); }
+ .unlock-dialog .login-dialog-prompt-entry:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: rgba(247, 247, 247, 0.1);
+ color: rgba(255, 255, 255, 0.5); }
+ .unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+/* WIDGETS */
+.shell-link {
+ color: st-lighten(-st-accent-color, 20%); }
+ .shell-link:hover {
+ color: st-lighten(st-lighten(-st-accent-color, 20%), 10%); }
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+.icon-dropshadow {
+ icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+ icon-shadow: none; }
+
+/* Entries */
+StEntry StIcon.capslock-warning {
+ icon-size: 1.091em;
+ warning-color: #cd9309;
+ padding: 0 4px; }
+
+StEntry StIcon.peek-password {
+ icon-size: 1.091em;
+ padding: 0 4px; }
+
+StEntry StLabel.hint-text {
+ margin-left: 2px; }
+
+/* Buttons */
+.button {
+ min-height: 1.5em; }
+
- .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
+ border-radius: 999px;
+ padding: 0.818em;
+ min-height: 1.091em; }
- margin-bottom: 12px !important; }
++ .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
+ .message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em; }
+
+.check-box StBin {
+ border-radius: 7px;
+ padding: 2px; }
+
+.check-box:focus StBin {
+ background-color: rgba(0, 0, 0, 0.01);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.65); }
+
+.check-box StIcon {
+ icon-size: 14px;
+ padding: 1px;
+ color: transparent;
+ border-radius: 6px;
+ border: 2px solid rgba(255, 255, 255, 0.15); }
+
+.check-box:hover StIcon {
+ border-color: rgba(255, 255, 255, 0.2); }
+
+.check-box:active StIcon {
+ border-color: rgba(255, 255, 255, 0.3); }
+
+.check-box:checked StIcon {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-color: transparent; }
+
+.check-box:checked:hover StIcon {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.check-box:checked:active StIcon {
+ background-color: st-darken(-st-accent-color, 7%);
+ color: st-darken(-st-accent-fg-color, 7%); }
+
+/* Switches */
+.toggle-switch {
+ width: 46px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.3); }
+ .toggle-switch:hover {
+ background: rgba(255, 255, 255, 0.4); }
+ .toggle-switch StIcon {
+ icon-size: 16px; }
+ .toggle-switch .handle {
+ margin: 3px;
+ width: 20px;
+ height: 20px;
+ border-radius: 999px;
+ background: #d1d1d1;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+ transition-duration: 100ms; }
+ .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+ .toggle-switch:checked .handle {
+ background: white; }
+
+/* Slider */
+.slider {
+ color: #e8e8e8;
+ -barlevel-height: 4px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.1);
+ -barlevel-active-background-color: -st-accent-color;
+ -barlevel-overdrive-color: #c01c28;
+ -barlevel-overdrive-separator-width: 1px;
+ -slider-handle-radius: 0.5455em;
+ -barlevel-background-color: rgba(255, 255, 255, 0.4); }
+ .slider:hover {
+ color: #ffffff; }
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 68px; }
+
+StScrollView.hfade {
+ -st-hfade-offset: 68px; }
+
+StScrollBar {
+ padding: 0; }
+ StScrollView StScrollBar {
+ min-width: 8px;
+ min-height: 8px; }
+ StScrollBar StBin#trough {
+ border-radius: 0;
+ background-color: transparent; }
+ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 8px;
+ background-color: #5e5e5e;
+ border: 3px solid transparent;
+ transition: 500ms all ease; }
+ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #8c8c8c; }
+ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #757575; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+ -arrow-rise: 6px; }
+
+.popup-menu {
+ min-width: 15em;
+ color: #ffffff; }
+ .popup-menu.panel-menu {
+ margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content {
+ padding: 6px;
+ background-color: #1a1a1a;
+ border-radius: 20px;
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 4px 0 transparent; }
+
+.popup-menu-item {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+ border-radius: 12px; }
+ .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-menu-item:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#262626, 9%), #ffffff, 87%); }
+ .popup-menu-item:active:hover {
+ background-color: st-lighten(st-lighten(#262626, 9%), 7%); }
+ .popup-menu-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#262626, 9%), #ffffff, 87%), 5%); }
+ .popup-menu-item:hover, .popup-menu-item:selected, .popup-menu-item:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#262626, 7%), #ffffff, 87%); }
+ .popup-menu-item:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #262626;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .popup-menu-item:checked {
+ border-radius: 12px 12px 0 0 !important;
+ border: 1px solid rgba(255, 255, 255, 0.4);
+ border-bottom-width: 0; }
+ .popup-menu-item .toggle-switch:ltr {
+ margin-left: 4px; }
+ .popup-menu-item .toggle-switch:rtl {
+ margin-right: 4px; }
+
+.popup-ornamented-menu-item:ltr {
+ padding-left: 6px; }
+
+.popup-ornamented-menu-item:rtl {
+ padding-right: 6px; }
+
+.popup-inactive-menu-item {
+ color: #ffffff; }
+ .popup-inactive-menu-item:insensitive {
+ color: #ffffff; }
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 1.091em; }
+
+.popup-sub-menu {
+ border-radius: 0 0 13px 13px;
+ margin-bottom: 6px;
+ border: 1px solid transparent;
+ background-color: #3b3b3b;
+ border-color: rgba(255, 255, 255, 0.4); }
+ .popup-sub-menu .popup-menu-item {
+ border-radius: 0;
+ border-top-width: 0;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-sub-menu .popup-menu-item:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#3b3b3b, 9%), #ffffff, 87%); }
+ .popup-sub-menu .popup-menu-item:active:hover {
+ background-color: st-lighten(st-lighten(#3b3b3b, 9%), 7%); }
+ .popup-sub-menu .popup-menu-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#3b3b3b, 9%), #ffffff, 87%), 5%); }
+ .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:selected, .popup-sub-menu .popup-menu-item:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#3b3b3b, 7%), #ffffff, 87%); }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #3b3b3b;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .popup-sub-menu .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px;
+ border-bottom-width: 0; }
+ .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
+ border-radius: 0; }
+ .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px; }
+
+.popup-menu-ornament {
+ icon-size: 1.091em !important;
+ width: 1.091em; }
+
+.popup-separator-menu-item {
+ border: none !important; }
+ .popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.5); }
+ .popup-sub-menu .popup-separator-menu-item {
+ background-color: transparent; }
+ .popup-sub-menu .popup-separator-menu-item:ltr {
+ margin-right: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item:rtl {
+ margin-left: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ background-color: rgba(255, 255, 255, 0.5); }
+
+.background-menu {
+ -boxpointer-gap: 0px;
+ -arrow-rise: 0px; }
+
+.app-menu {
+ max-width: 27.25em; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+ margin-right: 8px; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+ margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea {
+ padding: 4px; }
+
+.datemenu-popover {
+ border-radius: 30px; }
+
+.datemenu-calendar-column {
+ spacing: 6px; }
+ .datemenu-calendar-column:ltr {
+ margin-left: 6px; }
+ .datemenu-calendar-column:rtl {
+ margin-right: 6px; }
+ .datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px; }
+
+.datemenu-today-button {
+ padding: 9px; }
+ .datemenu-today-button .day-label {
+ font-weight: bold; }
+
+.calendar {
+ margin-top: 0;
+ padding: 0; }
+ .calendar .calendar-month-header .calendar-change-month-back StIcon,
+ .calendar .calendar-month-header .calendar-change-month-forward StIcon {
+ icon-size: 1.091em; }
+ .calendar .calendar-month-header .calendar-month-label {
+ color: #ffffff !important;
+ padding: 8px 0;
+ width: 10em;
+ border-radius: 999px;
+ text-align: center; }
+ .calendar .calendar-month-header .pager-button {
+ height: 2.6em;
+ width: 2.6em;
+ padding: 0; }
+ .calendar .calendar-day {
+ border-radius: 999px;
+ height: 3em;
+ width: 3em;
+ margin: 2px;
+ padding: 0;
+ font-weight: bold;
+ text-align: center; }
+ .calendar .calendar-day.calendar-weekend {
+ color: #ffffff;
+ font-style: italic; }
+ .calendar .calendar-day.calendar-other-month {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: normal;
+ color: #ffffff;
+ font-style: italic; }
+ .calendar .calendar-day.calendar-other-month.calendar-weekend {
+ color: rgba(255, 255, 255, 0.5);
+ color: #ffffff; }
+ .calendar .calendar-day.calendar-today {
+ color: -st-accent-fg-color !important; }
+ .calendar .calendar-day.calendar-today.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
+ .calendar .calendar-day.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+ background-size: contain; }
+ .calendar .calendar-day-heading {
+ font-weight: bold;
+ text-align: center;
+ margin: 4px;
+ padding: 3px 6px;
+ border-radius: 8px; }
+ .calendar .calendar-week-number {
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ text-align: center;
+ margin: 6px;
+ padding: 0 6px;
+ border-radius: 4px;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #ffffff; }
+
+.events-button .events-box .events-title {
+ color: #ffffff;
+ padding-bottom: 6px; }
+
+.events-button .events-box .events-list {
+ spacing: 6px; }
+ .events-button .events-box .events-list .event-box {
+ spacing: 6px;
+ border-radius: 8px; }
+ .events-button .events-box .events-list .event-box .event-time {
+ color: #ffffff; }
+ .events-button .events-box .events-list .event-placeholder {
+ color: #ffffff;
+ font-style: italic; }
+
+.world-clocks-button .world-clocks-header {
+ color: #ffffff; }
+ .world-clocks-button .world-clocks-header.no-world-clocks {
+ color: #ffffff; }
+
+.world-clocks-button .world-clocks-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time {
+ font-weight: bold; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
+ text-align: right; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
+ text-align: left; }
+ .world-clocks-button .world-clocks-grid .world-clocks-timezone {
+ color: #ffffff; }
+
+.weather-button .weather-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box .weather-header {
+ color: #ffffff; }
+ .weather-button .weather-box .weather-header-box .weather-header.no-location {
+ color: #ffffff; }
+ .weather-button .weather-box .weather-header-box .weather-header.location {
+ font-weight: normal; }
+ .weather-button .weather-box .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-time {
+ padding-top: 6px;
+ padding-bottom: 6px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-icon {
+ icon-size: 2.182em;
+ margin-bottom: 4px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-temp {
+ font-weight: bold; }
+
+/* Message List */
+.message-list {
+ width: 29em;
+ border: solid rgba(255, 255, 255, 0.5); }
+ .message-list:ltr {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-right: 6px;
+ border-right-width: 1px; }
+ .message-list:rtl {
+ margin-right: 0;
+ margin-left: 4px;
+ padding-left: 6px;
+ border-left-width: 1px; }
+ .message-list .message-list-placeholder {
+ color: rgba(255, 255, 255, 0.45);
+ color: #ffffff; }
+ .message-list .message-list-placeholder > StIcon {
+ icon-size: 96px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic; }
+
+.message-view {
+ -st-vfade-offset: 68px; }
+ .message-view:ltr {
+ margin-right: 12px; }
+ .message-view:rtl {
+ margin-left: 12px; }
+ .message-view .message {
- padding-bottom: 6px;
++ margin-bottom: 12px !important;
++ border-radius: 18px; }
+
+.message-list-controls {
+ padding: 12px;
- .message-list-controls .dnd-button {
- border-width: 2px;
- border-color: transparent;
- border-radius: 32px;
- border-style: solid; }
- .message-list-controls .dnd-button:focus {
- border-color: st-transparentize(-st-accent-color, 0.4); }
++ padding-bottom: 9px;
+ spacing: 6px; }
- .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
++ .message-list-controls .message-list-clear-button {
++ border-radius: 999px; }
+
+.message-notification-group {
+ spacing: 12px; }
+ .message-notification-group .message-group-header {
+ padding: 6px; }
+ .message-notification-group .message-group-header .message-group-title {
+ margin: 0 4px; }
+ .message-notification-group .message-collapse-button {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.2);
+ padding: 4px !important;
+ border: 4px transparent solid; }
+ .message-notification-group .message-collapse-button:hover {
+ background-color: rgba(255, 255, 255, 0.3); }
+ .message-notification-group .message-collapse-button:active {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.message {
+ padding: 6px;
+ margin: 0;
+ border-radius: 16px;
+ background-color: #262626; }
+ .message:second-in-stack {
+ background-color: #171717;
+ box-shadow: 0 1px 1px 0 transparent; }
+ .message:lower-in-stack {
+ background-color: #0f0f0f;
+ box-shadow: none;
+ border-color: transparent; }
+ .message .message-header {
+ spacing: 6px;
+ color: #ffffff;
+ padding: 0 6px; }
+ .message .message-header:ltr {
+ padding-right: 0; }
+ .message .message-header:rtl {
+ padding-left: 0; }
+ .message .message-header .message-source-icon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+ .message .message-header .message-header-content {
+ spacing: 6px;
+ min-height: 1.637em;
+ padding-bottom: 6px; }
+ .message .message-header .message-header-content .message-source-title {
+ font-weight: bold; }
+ .message .message-header .message-header-content .event-time {
+ color: #ffffff;
+ padding-bottom: 0.068em; }
+ .message .message-header .message-header-content .event-time:ltr {
+ text-align: right; }
+ .message .message-header .message-header-content .event-time:rtl {
+ text-align: left; }
+ .message .message-header .message-expand-button,
+ .message .message-header .message-close-button {
+ border-radius: 999px;
+ color: #ffffff; }
+ .message .message-header .message-expand-button {
+ padding: 6px; }
+ .message .message-header .message-close-button {
+ margin: 3px;
+ padding: 4px; }
+ .message .message-box {
+ padding: 6px;
+ margin-top: 0;
+ spacing: 6px; }
+ .message .message-box .message-icon {
+ icon-size: 48px; }
+ .message .message-box .message-icon:ltr {
+ margin-right: 6px; }
+ .message .message-box .message-icon:rtl {
+ margin-left: 6px; }
+ .message .message-box .message-icon.message-themed-icon {
+ border-radius: 999px;
+ background-color: rgba(255, 255, 255, 0.07);
+ icon-size: 1.091em;
+ min-width: 48px;
+ min-height: 48px; }
+ .message .message-box:first-child {
+ margin-top: 12px; }
+ .message .message-box .message-content {
+ spacing: 4px; }
+ .message .message-box .message-content .message-title {
+ font-weight: bold; }
+ .message .message-action-bin {
+ padding: 4px;
+ spacing: 6px; }
+ .message .message-action-bin * {
+ margin: 0 4px; }
+ .message .message-action-bin *:first-child:ltr {
+ margin-left: 0; }
+ .message .message-action-bin *:first-child:rtl {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:ltr {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:rtl {
+ margin-left: 0; }
+
+.url-highlighter {
+ link-color: st-lighten(-st-accent-color, 20%); }
+
+/* Media Controls */
+.message-media-control {
+ padding: 0 18px;
+ border-radius: 8px;
+ color: #ffffff;
+ border: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.4);
+ margin: 12px 2px; }
+ .message-media-control:hover {
+ background-color: #595959;
+ color: #ffffff; }
+ .message-media-control:active {
+ background-color: #5e5e5e;
+ color: #ffffff; }
+ .message-media-control:insensitive {
+ color: white;
+ border-color: transparent; }
+ .message-media-control StIcon {
+ icon-size: 16px; }
+
+.media-message .message-icon {
+ border-radius: 8px !important; }
+ .media-message .message-icon.message-themed-icon {
+ icon-size: 32px !important; }
+
+.candidate-popup-content {
+ padding: 6px;
+ spacing: 6px;
+ border-radius: 12px; }
+
+.candidate-index {
+ padding: 0;
+ padding-right: 6px;
+ color: #ffffff; }
+
+.candidate-box {
+ padding: 6px 12px 6px 12px;
+ border-radius: 8px; }
+ .candidate-box:selected {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .candidate-box:hover {
+ background-color: #4d4d4d;
+ color: white; }
+
+.candidate-page-button-box {
+ height: 2em; }
+ .vertical .candidate-page-button-box {
+ padding-top: 12px; }
+ .horizontal .candidate-page-button-box {
+ padding-left: 12px; }
+
+.candidate-page-button {
+ padding: 6px; }
+ .candidate-page-button StIcon {
+ icon-size: 16px; }
+
+.candidate-page-button-previous {
+ border-radius: 8px 0px 0px 8px;
+ border-right-width: 0;
+ box-shadow: none; }
+
+.candidate-page-button-next {
+ border-radius: 0px 8px 8px 0px;
+ box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner {
+ min-height: 64px;
+ width: 34em;
+ box-shadow: 0 2px 4px 2px transparent;
+ border-radius: 16px;
+ margin: 4px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+
+.notification-buttons-bin {
+ spacing: 0; }
+
+/* Modal Dialogs */
+.modal-dialog {
+ background-color: #1a1a1a;
+ border-radius: 18px;
+ padding: 24px;
+ spacing: 18px;
+ box-shadow: 0 12px 8px 12px rgba(0, 0, 0, 0.03); }
+ .modal-dialog .modal-dialog-content-box {
+ padding-top: 12px;
+ spacing: 18px;
+ max-width: 28em; }
+ .modal-dialog .modal-dialog-button-box {
+ padding-top: 6px; }
+
+.dialog-list {
+ spacing: 18px; }
+ .dialog-list .dialog-list-title {
+ text-align: center; }
+ .dialog-list .dialog-list-scrollview {
+ max-height: 200px; }
+ .dialog-list .dialog-list-box {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: #f2f2f2; }
+
+/* End Session Dialog */
+.end-session-dialog {
+ width: 24em; }
+ .end-session-dialog .end-session-dialog-battery-warning,
+ .end-session-dialog .dialog-list-title {
+ color: #cd9309;
+ background-color: rgba(205, 147, 9, 0.1);
+ padding: 9px;
+ border-radius: 8px;
+ margin: 4px 0; }
+
+/* Message Dialog */
+.message-dialog-content {
+ spacing: 18px; }
+ .message-dialog-content .message-dialog-title {
+ text-align: center; }
+ .message-dialog-content .message-dialog-description {
+ text-align: center; }
+
+/* Run Dialog */
+.run-dialog {
+ width: 24em;
+ padding-bottom: 6px; }
+ .run-dialog .run-dialog-entry {
+ padding: 12px 9px; }
+ .run-dialog .run-dialog-description {
+ color: #cccccc; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+ width: 28em; }
+ .prompt-dialog .prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px; }
+ .prompt-dialog .prompt-dialog-password-layout {
+ spacing: 8px; }
+ .prompt-dialog .prompt-dialog-password-entry {
+ width: 20em;
+ padding: 12px 9px; }
+ .prompt-dialog .prompt-dialog-error-label,
+ .prompt-dialog .prompt-dialog-info-label,
+ .prompt-dialog .prompt-dialog-null-label {
+ text-align: center; }
+ .prompt-dialog .prompt-dialog-error-label {
+ color: #cd9309; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px; }
+ .polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #cd9309; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog {
+ min-width: 24em; }
+ .audio-device-selection-dialog .audio-selection-box {
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #1a1a1a;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ background-color: transparent; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(26, 26, 26, 0.25), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 9%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#1a1a1a, 8%), #ffffff, 87%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:hover {
+ background-color: st-lighten(st-lighten(#1a1a1a, 8%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:active {
+ background-color: st-lighten(st-lighten(#1a1a1a, 8%), 9%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #1a1a1a;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box {
+ padding: 12px;
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon {
+ icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ /* Reasonable maximum dimensions */
+ height: 300px;
+ width: 300px; }
+
+/* Access portal dialog */
+.access-dialog {
+ text-align: center; }
+
+/* OSD */
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em; }
+ .osd-window > * {
+ spacing: 8px; }
+ .osd-window StIcon {
+ icon-size: 32px; }
+ .osd-window StLabel:ltr {
+ margin-right: 6px; }
+ .osd-window StLabel:rtl {
+ margin-left: 6px; }
+ .osd-window .level {
+ margin-bottom: 4px;
+ min-width: 160px;
+ -barlevel-height: 6px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.1);
+ -barlevel-active-background-color: #ffffff;
+ -barlevel-overdrive-color: #c01c28;
+ -barlevel-overdrive-separator-width: 3px; }
+ .osd-window .level:first-child {
+ margin-bottom: 0; }
+ .osd-window .level:ltr {
+ margin-right: 6px; }
+ .osd-window .level:rtl {
+ margin-left: 6px; }
+
+.osd-monitor-label, .osd-break-countdown-label {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-radius: 16px;
+ font-size: 3em;
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ margin: 12px;
+ padding: 12px;
+ text-align: center;
+ min-width: 1.5em; }
+
+/* Pad OSD */
+.pad-osd-window {
+ padding: 32px;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .pad-osd-window .pad-osd-title-box {
+ spacing: 12px; }
+ .pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px; }
+
+.combo-box-label {
+ width: 15em; }
+
+/* App Switcher */
+.switcher-popup {
+ padding: 0;
+ spacing: 24px; }
+
+.switcher-list {
+ padding: 12px;
+ border-radius: 28px;
+ box-shadow: 0 8px 8px 0 transparent; }
+ .switcher-list .switcher-list-item-container {
+ spacing: 12px; }
+ .switcher-list .item-box {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ background-color: transparent; }
+ .switcher-list .item-box:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(0, 0, 0, 0.25), 5%); }
+ .switcher-list .item-box:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 7%), #ffffff, 87%), 5%); }
+ .switcher-list .item-box:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 7%), #ffffff, 87%); }
+ .switcher-list .item-box:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 9%), #ffffff, 87%); }
+ .switcher-list .item-box:active:hover {
+ background-color: st-lighten(st-lighten(#000000, 9%), 7%); }
+ .switcher-list .item-box:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
+ .switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 8%), #ffffff, 87%); }
+ .switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
+ background-color: st-lighten(st-lighten(#000000, 8%), 7%); }
+ .switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
+ background-color: st-lighten(st-lighten(#000000, 8%), 9%); }
+ .switcher-list .item-box:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .switcher-list .item-box:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .switcher-list .item-box:hover {
+ background: none; }
+ .switcher-list .item-box:selected {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .switcher-list .item-box:selected {
+ background-color: rgba(255, 255, 255, 0.3); }
+ .switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.5); }
+ .switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px; }
+ .switcher-list .thumbnail {
+ width: 256px;
+ border-radius: 8px; }
+
+.switcher-arrow {
+ border-color: rgba(255, 255, 255, 0.8);
+ color: rgba(255, 255, 255, 0.8); }
+ .switcher-arrow:highlighted {
+ border-color: #ffffff;
+ color: #ffffff; }
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px; }
+
+.cycler-highlight {
+ border: 5px solid -st-accent-color; }
+
+/* Workspace Switcher */
+.workspace-switcher {
+ margin-bottom: 4em;
+ spacing: 12px;
+ padding: 12px 18px; }
+
+.ws-switcher-indicator {
+ background-color: rgba(255, 255, 255, 0.5);
+ padding: 2.6666666667px;
+ margin: 13.3333333333px;
+ border-radius: 32px; }
+ .ws-switcher-indicator:active {
+ background-color: #ffffff;
+ padding: 5.3333333333px;
+ margin: 10.6666666667px; }
+
+.screenshot-ui-panel {
+ border-radius: 32px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px; }
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 transparent; }
+ .screenshot-ui-close-button.left {
+ margin-left: 12px; }
+ .screenshot-ui-close-button.right {
+ margin-right: 12px; }
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px;
+ border-radius: 14px; }
+ .screenshot-ui-type-button .icon-label-button-container {
+ spacing: 0.409em; }
+ .screenshot-ui-type-button .icon-label-button-container > StIcon {
+ icon-size: 32px; }
+
+.screenshot-ui-capture-button {
+ width: 32px;
+ height: 32px;
+ border-radius: 999px;
+ border: 4px #ffffff;
+ padding: 4px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #ffffff;
+ transition-duration: 200ms;
+ border-radius: 999px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: #4d4d4d; }
+ .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #cccccc; }
+ .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: gray; }
+ .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #c01c28; }
+ .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #d61f2d; }
+ .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #a11722; }
+
+.screenshot-ui-shot-cast-container {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 999px;
+ padding: 3px;
+ spacing: 3px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 999px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+ .screenshot-ui-shot-cast-button > StIcon {
+ icon-size: 16px; }
+ .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .screenshot-ui-shot-cast-button:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+ .screenshot-ui-shot-cast-button:checked {
+ background-color: #ffffff;
+ color: #000000; }
+ .screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px white; }
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 999px;
+ background-color: white;
+ box-shadow: 0 1px 3px 2px transparent;
+ width: 24px;
+ height: 24px; }
+
+.screenshot-ui-window-selector {
+ background-color: #000000; }
+ .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px; }
+ .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 16px;
+ border: 6px transparent; }
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 999px;
+ border-width: 12px;
+ icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+ border-color: st-darken(-st-accent-color, 15%); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+ border-color: -st-accent-color;
+ background-color: st-transparentize(-st-accent-color, 0.8); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+ color: -st-accent-fg-color;
+ background-color: -st-accent-color; }
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5); }
+ .screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3); }
+ .screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7); }
+ .screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px white; }
+
+.screenshot-ui-tooltip {
+ text-align: center;
+ -y-offset: 24px; }
+
+/* Top Bar */
+#panel {
+ background-color: #000000;
+ font-weight: bold;
+ height: 2.2em;
+ transition-duration: 250ms; }
+ #panel .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px; }
+ #panel .panel-button:focus, #panel .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button:active, #panel .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button:active:hover, #panel .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button .system-status-icon {
+ icon-size: 1.091em;
+ padding: 0 6px;
+ margin: 0 4px; }
+ #panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic; }
+ #panel .panel-button .panel-status-menu-box,
+ #panel .panel-button .panel-status-indicators-box {
+ spacing: 4px; }
+ #panel .panel-button .panel-status-menu-box > .system-status-icon,
+ #panel .panel-button .panel-status-indicators-box > .system-status-icon {
+ padding: 0; }
+ #panel .panel-button#panelActivities StBoxLayout {
+ padding: 0 0.2045em;
+ spacing: 5px; }
+ #panel .panel-button#panelActivities .workspace-dot {
+ border-radius: 999px;
+ min-width: 0.5455em;
+ min-height: 0.5455em;
+ background-color: #ffffff; }
+ #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+ spacing: 0.409em; }
+ #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+ icon-size: 1.091em; }
+ #panel .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #d61f2d; }
+ #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #e02a37; }
+ #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #e13340; }
+ #panel .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #ff7800; }
+ #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #ff861a; }
+ #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #ff902e; }
+ #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ff9638; }
+ #panel .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-button.clock-display .messages-indicator {
+ icon-size: 1.091em; }
+ #panel:overview, #panel.unlock-screen, #panel.login-screen {
+ background-color: transparent; }
+ #panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #d61f2d; }
+ #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #e02a37; }
+ #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #e13340; }
+ #panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #ff7800; }
+ #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #ff861a; }
+ #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #ff902e; }
+ #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ff9638; }
+ #panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel:overview .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel:overview .panel-button:active, #panel:overview .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel:overview .panel-button#panelActivities .workspace-dot {
+ background-color: #ffffff; }
+ #panel:overview .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel:overview .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel .panel-status-indicators-box,
+ #panel .panel-status-menu-box {
+ spacing: 2px; }
+ #panel .power-status.panel-status-indicators-box {
+ spacing: 0; }
+ #panel .privacy-indicator {
+ color: #ff7800; }
+
+#appMenu {
+ spacing: 0.409em; }
+ #appMenu .label-shadow {
+ color: transparent; }
+
+#appMenu .panel-status-menu-box {
+ padding: 0 0.409em;
+ spacing: 0.409em; }
+
+.clock-display-box {
+ spacing: 2px; }
+ .clock-display-box .clock {
+ padding-left: 0.818em;
+ padding-right: 0.818em; }
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0; }
+ .ripple-box:rtl {
+ border-radius: 0 0 0 52px; }
+
+.quick-settings {
+ padding: 18px;
+ border-radius: 36px; }
- .quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
++ .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
+ .quick-settings .message .message-header .message-close-button,
+ .message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
+ padding: 10.5px; }
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px; }
+
+.quick-toggle, .quick-toggle-has-menu {
+ border-radius: 999px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 3.273em; }
+
+.quick-toggle {
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */ }
+ .quick-toggle > StBoxLayout {
+ spacing: 9px; }
+ .quick-toggle.button {
+ padding: 0; }
+ .quick-toggle > StBoxLayout {
+ padding: 0 12px; }
+ .quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px; }
+ .quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px; }
+ .quick-toggle .quick-toggle-subtitle {
+ font-weight: normal; }
+ .quick-toggle .quick-toggle-icon {
+ icon-size: 1.091em; }
+
+.quick-toggle-has-menu .quick-toggle {
+ min-width: auto;
+ max-width: auto; }
+ .quick-toggle-has-menu .quick-toggle:ltr {
+ border-radius: 999px 0 0 999px; }
+ .quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
+ padding-right: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:rtl {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle:rtl > StBoxLayout {
+ padding-left: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:ltr:last-child {
+ border-radius: 999px; }
+ .quick-toggle-has-menu .quick-toggle:rtl:last-child {
+ border-radius: 999px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ padding: 0.409em 0.71575em; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:ltr {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:rtl {
+ border-radius: 999px 0 0 999px; }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ width: 1px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #525252, 9%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #525252, 9%), #ffffff, 87%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #525252, 9%), 4%), #ffffff, 87%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #525252, 9%), 4%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #525252, 9%), 9%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #525252, 9%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #525252, 9%), 9%), #ffffff, 87%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 75%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(-st-accent-color, #ffffff, 75%), #ffffff, 87%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(-st-accent-color, #ffffff, 75%), 4%), #ffffff, 87%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(st-lighten(st-mix(-st-accent-color, #ffffff, 75%), 4%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ color: -st-accent-fg-color;
+ background-color: st-mix(st-lighten(st-mix(-st-accent-color, #ffffff, 75%), 9%), #ffffff, 87%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(-st-accent-color, #ffffff, 75%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(-st-accent-color, #ffffff, 75%), 9%), #ffffff, 87%), 5%); }
+
+.quick-toggle-has-menu:checked .quick-toggle-separator {
+ background-color: transparent; }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ background-color: transparent; }
+
+.quick-slider > StBoxLayout {
+ spacing: 6px; }
+
- .background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
++.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
+.quick-slider .message .message-header .message-close-button,
+.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
+ padding: 6px; }
+
+.quick-slider .slider-bin {
+ padding: 6px;
+ border-radius: 999px; }
+ .quick-slider .slider-bin:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .quick-slider .slider-bin:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%), 5%); }
+
+.quick-toggle-menu {
+ border-radius: 24px;
+ margin: 12px 18px 0; }
+ .quick-toggle-menu:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%); }
+ .quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+ icon-size: 1.091em; }
+ .quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px; }
+ .quick-toggle-menu .header .icon {
+ icon-size: 1.6365em;
+ border-radius: 999px;
+ padding: 9px;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+ .quick-toggle-menu .header .icon.active {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .quick-toggle-menu .header .icon.active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px; }
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0; }
+ .quick-settings-system-item .power-item:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%);
+ background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 0.5455em; }
+
+.bt-device-item .popup-menu-icon {
+ -st-icon-style: symbolic; }
+
+.bt-menu-placeholder.popup-menu-item {
+ text-align: center;
+ padding: 2em 4em; }
+
+.device-subtitle {
+ color: rgba(255, 255, 255, 0.5); }
+
+.keyboard-brightness-level {
+ spacing: 6px; }
+
+.background-apps-quick-toggle {
+ min-height: 2.728em;
+ background-color: transparent; }
+ .background-apps-quick-toggle StIcon {
+ icon-size: 1.091em !important; }
+
+.background-app-item .popup-menu-icon {
+ icon-size: 32px !important;
+ -st-icon-style: regular !important; }
+
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
++.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
+.background-app-item .message .message-header .message-close-button,
+.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
+ padding: 6px;
+ background-color: rgba(255, 255, 255, 0.13); }
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
++ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
+ .background-app-item .message .message-header .message-close-button:hover,
+ .message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
+ background-color: rgba(255, 255, 255, 0.22); }
- color: #868686;
++ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
+ .background-app-item .message .message-header .message-close-button:active,
+ .message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
+ background-color: rgba(255, 255, 255, 0.31); }
+
+.background-app-item .spinner {
+ padding: 6px; }
+
+.background-app-item.popup-inactive-menu-item {
+ color: #ffffff; }
+
+/* OVERVIEW */
+.secondary-monitor-workspaces {
+ spacing: 12px; }
+
+#overviewGroup {
+ background-color: #000000; }
+
+/* Window Picker */
+.window-picker {
+ spacing: 6px; }
+
+.window-icon {
+ background-color: #000000;
+ padding: 12px;
+ border-radius: 16px;
+ border: 2px solid rgba(255, 255, 255, 0.4);
+ margin: 18px; }
+
+.window-close, .screenshot-ui-close-button {
+ background-color: rgba(31, 31, 31, 0.98);
+ color: #ffffff;
+ border-radius: 999px;
+ box-shadow: 0 2px 4px 0 transparent;
+ padding: 3px;
+ height: 32px;
+ width: 32px;
+ transition-duration: 100ms;
+ border: 2px solid transparent;
+ border-color: rgba(255, 255, 255, 0.4); }
+ .window-close StIcon, .screenshot-ui-close-button StIcon {
+ icon-size: 24px; }
+ .window-close:hover, .screenshot-ui-close-button:hover {
+ background-color: rgba(48, 48, 48, 0.98); }
+ .window-close:active, .screenshot-ui-close-button:active {
+ background-color: rgba(64, 64, 64, 0.98); }
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: rgba(3, 2, 1, 0);
+ box-shadow: 0 4px 16px 4px transparent; }
+
+.search-entry {
+ border-radius: 999px;
+ margin-top: 12px;
+ margin-bottom: 6px;
+ width: 24em; }
+ .search-entry .search-entry-icon {
+ icon-size: 1.091em;
+ margin-top: 2px;
+ padding: 0 4px; }
+
+/* Search */
+#searchResults {
+ margin: 0 4px; }
+
+#searchResultsContent {
+ max-width: 1044px; }
+
+.search-section {
+ spacing: 18px; }
+ .search-section .search-section-separator {
+ height: 8px;
+ background-color: transparent; }
+
+.search-section-content {
+ background-color: #252525;
+ color: #ffffff;
+ border-radius: 24px;
+ padding: 12px;
+ margin: 0 12px;
+ border: 2px solid transparent;
+ border-color: rgba(255, 255, 255, 0.4); }
+
+.list-search-result, .search-provider-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ background-color: transparent;
+ border-radius: 13.2px; }
+ .list-search-result:focus, .search-provider-icon:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(37, 37, 37, 0.25), 5%); }
+ .list-search-result:focus:hover, .search-provider-icon:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 7%), #ffffff, 87%), 5%); }
+ .list-search-result:hover, .search-provider-icon:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 7%), #ffffff, 87%); }
+ .list-search-result:active, .search-provider-icon:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 9%), #ffffff, 87%); }
+ .list-search-result:active:hover, .search-provider-icon:active:hover {
+ background-color: st-lighten(st-lighten(#252525, 9%), 7%); }
+ .list-search-result:active:focus, .search-provider-icon:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 9%), #ffffff, 87%), 5%); }
+ .list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 8%), #ffffff, 87%); }
+ .list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
+ background-color: st-lighten(st-lighten(#252525, 8%), 7%); }
+ .list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
+ background-color: st-lighten(st-lighten(#252525, 8%), 9%); }
+ .list-search-result:insensitive, .search-provider-icon:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .list-search-result:drop, .search-provider-icon:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.search-statustext {
+ color: rgba(255, 255, 255, 0.8); }
+
+.grid-search-results {
+ spacing: 30px; }
+
+.search-provider-icon:ltr {
+ margin-right: 4px; }
+
+.search-provider-icon:rtl {
+ margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px; }
+ .search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ color: #ffffff; }
+
+.list-search-results {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-content {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+ font-weight: bold; }
+
+.list-search-result .list-search-result-description {
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
++ color: #b6b6b6;
+ color: #ffffff; }
+
+/* Dash */
+#dash {
+ padding-left: 6px;
+ padding-right: 6px; }
+ #dash .dash-background {
+ background-color: #252525;
+ border-radius: 28px;
+ padding-top: 12px;
+ padding-bottom: 12px;
+ padding-left: 10px;
+ padding-right: 10px;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
+ #dash .dash-item-container .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px; }
+ #dash .dash-item-container .empty-dash-drop-target {
+ width: 32px;
+ height: 32px; }
+ #dash .dash-item-container .show-apps,
+ #dash .dash-item-container .overview-tile,
+ #dash .dash-item-container .grid-search-result {
+ margin: 0 2px;
+ padding-bottom: 12px; }
+ #dash .dash-item-container .show-apps .overview-icon,
+ #dash .dash-item-container .overview-tile .overview-icon,
+ #dash .dash-item-container .grid-search-result .overview-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ #dash .dash-item-container .show-apps:focus .overview-icon,
+ #dash .dash-item-container .overview-tile:focus .overview-icon,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(37, 37, 37, 0.25), 5%); }
+ #dash .dash-item-container .show-apps:focus .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:focus .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 7%), #ffffff, 87%), 5%); }
+ #dash .dash-item-container .show-apps:hover .overview-icon,
+ #dash .dash-item-container .overview-tile:hover .overview-icon,
+ #dash .dash-item-container .grid-search-result:hover .overview-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 7%), #ffffff, 87%); }
+ #dash .dash-item-container .show-apps:active .overview-icon,
+ #dash .dash-item-container .overview-tile:active .overview-icon,
+ #dash .dash-item-container .grid-search-result:active .overview-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 9%), #ffffff, 87%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:active .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#252525, 9%), 7%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:focus,
+ #dash .dash-item-container .overview-tile:active .overview-icon:focus,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 9%), #ffffff, 87%), 5%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon,
+ #dash .dash-item-container .overview-tile:checked .overview-icon,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 8%), #ffffff, 87%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#252525, 8%), 7%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:active,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:active,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:active {
+ background-color: st-lighten(st-lighten(#252525, 8%), 9%); }
+ #dash .dash-item-container .app-grid-running-dot {
+ offset-y: -13px; }
+ #dash .dash-separator {
+ width: 1px;
+ margin-left: 4px;
+ margin-right: 4px;
+ background-color: rgba(255, 255, 255, 0.1);
+ width: 2px;
+ background-color: rgba(255, 255, 255, 0.4); }
+ #dash .dash-separator,
+ #dash .dash-background {
+ margin-bottom: 12px; }
+
+.dash-label {
+ -y-offset: 8px; }
+
+/* App Grid */
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 36px;
+ max-column-spacing: 36px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 18px;
+ page-padding-right: 18px; }
+
+/* App Icons */
+.overview-tile, .grid-search-result {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ background-color: transparent;
+ border-radius: 24px;
+ padding: 12px; }
+ .overview-tile:focus, .grid-search-result:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(0, 0, 0, 0.25), 5%); }
+ .overview-tile:focus:hover, .grid-search-result:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 7%), #ffffff, 87%), 5%); }
+ .overview-tile:hover, .grid-search-result:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 7%), #ffffff, 87%); }
+ .overview-tile:active, .grid-search-result:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 9%), #ffffff, 87%); }
+ .overview-tile:active:hover, .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#000000, 9%), 7%); }
+ .overview-tile:active:focus, .grid-search-result:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
+ .overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 8%), #ffffff, 87%); }
+ .overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#000000, 8%), 7%); }
+ .overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#000000, 8%), 9%); }
+ .overview-tile:insensitive, .grid-search-result:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .overview-tile:drop, .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+ spacing: 6px; }
+
+.app-folder {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%); }
+ .app-folder:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
+ .app-folder:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
+ .app-folder:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
+ .app-folder:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
+ .app-folder:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
+ .app-folder:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
+ .app-folder:highlighted, .app-folder:selected, .app-folder:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), #ffffff, 87%); }
+ .app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), 4%); }
+ .app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 8%), 9%); }
+ .app-folder:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: st-darken(st-mix(#ffffff, #000000, 9%), 3%);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .app-folder:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.app-grid-running-dot {
+ height: 5px;
+ width: 5px;
+ border-radius: 5px;
+ background-color: #ffffff;
+ offset-y: 6px; }
+
+.app-folder-dialog-container {
+ padding-top: 2.2em; }
+
+.app-folder-dialog {
+ width: 720px;
+ height: 720px;
+ border-radius: 64px;
+ background-color: #252525;
+ color: #ffffff;
+ padding: 0 2px;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
+ .app-folder-dialog .folder-name-container {
+ padding: 24px 36px;
+ padding-bottom: 0; }
+ .app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 12em; }
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
++ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
+ .app-folder-dialog .message .message-header .message-close-button,
+ .message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #252525, 9%), #ffffff, 87%); }
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
++ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
+ .app-folder-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 4%), #ffffff, 87%); }
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
++ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
+ .app-folder-dialog .message .message-header .message-close-button:active,
+ .message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), #ffffff, 87%); }
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
++ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
+ .app-folder-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), 4%); }
++ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
+ .app-folder-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), #ffffff, 87%), 5%); }
+ .app-folder-dialog .page-indicators {
+ margin-bottom: 24px; }
+ .app-folder-dialog .page-navigation-arrow {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .app-folder-dialog .page-navigation-arrow:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 7%), #ffffff, 87%); }
+ .app-folder-dialog .page-navigation-arrow:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 9%), #ffffff, 87%); }
+ .app-folder-dialog .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#252525, 9%), 7%); }
+ .app-folder-dialog .page-navigation-arrow:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 9%), #ffffff, 87%), 5%); }
+ .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ background-color: transparent; }
+ .app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(37, 37, 37, 0.25), 5%); }
+ .app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 7%), #ffffff, 87%), 5%); }
+ .app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 7%), #ffffff, 87%); }
+ .app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 9%), #ffffff, 87%); }
+ .app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#252525, 9%), 7%); }
+ .app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#252525, 9%), #ffffff, 87%), 5%); }
+ .app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#252525, 8%), #ffffff, 87%); }
+ .app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#252525, 8%), 7%); }
+ .app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#252525, 8%), 9%); }
+ .app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: st-transparentize(#ffffff, 0.5);
+ background-color: #252525;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px; }
+ .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px; }
+
+.page-indicator {
+ padding: 6px 12px 0;
+ transition-duration: 400ms; }
+ .page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 999px;
+ background-color: #ffffff;
+ transition-duration: 400ms; }
+
+.apps-scroll-view {
+ padding: 0; }
+
+.system-action-icon {
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #ffffff;
+ border-radius: 999px;
+ icon-size: 48px;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none; }
+ .page-navigation-arrow > StIcon {
+ color: #ffffff; }
+ .page-navigation-arrow:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 7%), #ffffff, 87%); }
+ .page-navigation-arrow:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 9%), #ffffff, 87%); }
+ .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#000000, 9%), 7%); }
+ .page-navigation-arrow:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px; }
+ .workspace-thumbnails .workspace-thumbnail {
+ color: #ffffff;
+ background-color: #262626;
+ border-radius: 4px;
+ border: 1px solid transparent;
+ border-color: rgba(255, 255, 255, 0.4); }
+ .workspace-thumbnails .placeholder {
+ background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
+ background-size: contain;
+ width: 18px; }
+
+.workspace-thumbnail-indicator {
+ border: 3px solid -st-accent-color;
+ border-radius: 8px; }
+
+.ripple-pointer-location {
+ width: 50px;
+ height: 50px;
+ border-radius: 25px;
+ background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 30%);
+ box-shadow: 0 0 2px 2px st-lighten(-st-accent-color, 20%); }
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: -st-accent-color;
+ -pie-background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 40%); }
+
+.magnifier-zoom-region {
+ border: 2px solid -st-accent-color; }
+ .magnifier-zoom-region.full-screen {
+ border-width: 0; }
+
+.select-area-rubberband {
+ background-color: st-transparentize(-st-accent-color, 0.7);
+ border: 1px solid -st-accent-color; }
+
+.user-icon {
+ background-size: contain;
+ border-radius: 999px;
+ icon-size: 64px;
+ background-color: rgba(255, 255, 255, 0.05);
+ color: #ffffff; }
+ .user-icon StIcon {
+ padding: 12px; }
+ .user-icon.user-avatar {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+
+.lightbox {
+ background-color: black; }
+
+.flashspot {
+ background-color: white; }
+
+.hidden {
+ color: transparent; }
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ color: #cd9309; }
+
+/* Workspace animation */
+.workspace-animation {
+ background-color: #0d0d0d; }
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: st-transparentize(-st-accent-color, 0.5);
+ border: 1px solid -st-accent-color; }
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #000000;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); }
+ #keyboard .page-indicator {
+ padding: 6px; }
+ #keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px; }
+
+.key-container {
+ padding: 4px;
+ spacing: 4px; }
+
+.keyboard-key {
+ font-size: 1.455em;
+ font-weight: bold;
+ border-radius: 0.546em;
+ box-shadow: 0 1px 0 0 transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #4d4d4d, 9%), #ffffff, 87%); }
+ .keyboard-key:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .keyboard-key:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%), 5%); }
+ .keyboard-key:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 4%), #ffffff, 87%); }
+ .keyboard-key:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), #ffffff, 87%); }
+ .keyboard-key:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 4%); }
+ .keyboard-key:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), #ffffff, 87%), 5%); }
+ .keyboard-key:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), #ffffff, 87%); }
+ .keyboard-key:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 4%); }
+ .keyboard-key:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 9%); }
+ .keyboard-key.default-key {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #333333, 9%), #ffffff, 87%);
+ border: none; }
+ .keyboard-key.default-key:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #333333, 9%), 4%), #ffffff, 87%); }
+ .keyboard-key.default-key:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #333333, 9%), 9%), #ffffff, 87%); }
+ .keyboard-key.default-key:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 9%), 4%); }
+ .keyboard-key.default-key:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #333333, 9%), 9%), #ffffff, 87%), 5%); }
+ .keyboard-key.default-key:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #333333, 9%), 8%), #ffffff, 87%); }
+ .keyboard-key.default-key:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 8%), 4%); }
+ .keyboard-key.default-key:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #333333, 9%), 8%), 9%); }
+ .keyboard-key.default-key:latched {
+ background-color: -st-accent-color; }
+ .keyboard-key StIcon {
+ icon-size: 1.6365em; }
+
+.keyboard-subkeys-boxpointer {
+ -arrow-border-radius: 22px;
+ -arrow-background-color: #000000;
+ -arrow-border-width: 1px;
+ -arrow-border-color: #171717;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 4px;
+ border-radius: 22px;
+ box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }
+ .keyboard-subkeys-boxpointer .key-container {
+ padding: 12px;
+ spacing: 8px; }
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial; }
+
+.emoji-panel .keyboard-key:latched {
+ border-color: st-lighten(-st-accent-color, 5%);
+ background-color: -st-accent-color; }
+
+.word-suggestions {
+ spacing: 12px;
+ min-height: 17pt;
+ padding: 12px;
+ color: #ffffff; }
+ .word-suggestions StButton {
+ margin: 0 3px;
+ min-width: 32px;
+ border-radius: 4px;
+ padding: 6px 18px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .word-suggestions StButton:insensitive {
+ background-color: transparent !important; }
+ .word-suggestions StButton:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%), 5%); }
+ .word-suggestions StButton:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%), 5%); }
+ .word-suggestions StButton:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 4%), #ffffff, 87%); }
+ .word-suggestions StButton:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), #ffffff, 87%); }
+ .word-suggestions StButton:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), 4%); }
+ .word-suggestions StButton:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 9%), #ffffff, 87%), 5%); }
+ .word-suggestions StButton:checked {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), #ffffff, 87%); }
+ .word-suggestions StButton:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 4%); }
+ .word-suggestions StButton:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #4d4d4d, 9%), 8%), 9%); }
+
+/* Looking Glass */
+.lg-dialog StEntry {
+ min-height: 1.5em; }
+
+.lg-dialog .shell-link {
+ color: st-lighten(-st-accent-color, 20%); }
+ .lg-dialog .shell-link:hover {
+ color: st-lighten(st-lighten(-st-accent-color, 20%), 10%); }
+ .lg-dialog .shell-link:active {
+ color: st-darken(st-lighten(-st-accent-color, 20%), 10%); }
+
+.lg-dialog .actor-link {
+ color: st-darken(#ffffff, 20%); }
+ .lg-dialog .actor-link:hover {
+ color: #ffffff; }
+ .lg-dialog .actor-link:active {
+ color: st-lighten(#ffffff, 20%); }
+ .lg-dialog .actor-link StIcon {
+ icon-size: 12px; }
+
+.lg-completions-text {
+ font-style: italic; }
+
+#LookingGlassDialog {
+ background-color: rgba(0, 0, 0, 0.98);
+ color: #ffffff;
+ border-radius: 16px;
+ margin-top: 4px;
+ border: 2px solid transparent;
+ padding: 6px;
+ spacing: 6px;
+ box-shadow: 0 2px 4px 0 transparent;
+ border-color: rgba(255, 255, 255, 0.4);
+ background-color: #000000;
+ box-shadow: none; }
+ #LookingGlassDialog > #Toolbar {
+ border: none;
+ padding: 6px;
+ border-radius: 0;
+ background-color: transparent;
+ spacing: 6px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ padding: 6px 12px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+ icon-size: 16px; }
+ #LookingGlassDialog .labels {
+ spacing: 6px; }
+ #LookingGlassDialog .notebook-tab {
+ background-color: transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 12px;
+ padding: 6px 12px; }
+ #LookingGlassDialog .notebook-tab:selected {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
+ #LookingGlassDialog .notebook-tab:selected:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
+ #LookingGlassDialog .notebook-tab:selected:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
+
+#LookingGlassPropertyInspector {
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 16px;
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 12px;
+ border-color: rgba(255, 255, 255, 0.4); }
+ #LookingGlassPropertyInspector .lg-obj-inspector-title {
+ spacing: 4px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button {
+ padding: 6px 12px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button {
+ margin: 4px;
+ padding: 6px;
+ border-radius: 999px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button > StIcon {
+ icon-size: 16px; }
+
+#LookingGlassEvaluator {
+ padding: 6px; }
+ #LookingGlassEvaluator .evaluator-results {
+ spacing: 6px; }
+
+#LookingGlassWindows {
+ padding: 6px;
+ spacing: 6px; }
+ #LookingGlassWindows .lg-window {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
+ margin: 0;
+ padding: 12px; }
+
+#LookingGlassExtensions .lg-extensions-list {
+ padding: 6px;
+ spacing: 6px; }
+
+#LookingGlassExtensions .lg-extension {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
+ margin: 0;
+ spacing: 4px;
+ padding: 12px; }
+ #LookingGlassExtensions .lg-extension .lg-extension-name {
+ color: #ffffff !important; }
+ #LookingGlassExtensions .lg-extension .lg-extension-meta {
+ spacing: 12px; }
+
+#LookingGlassExtensions .lg-extensions-none {
+ color: rgba(255, 255, 255, 0.5); }
+
+#LookingGlassActors {
+ padding: 6px;
+ spacing: 4px; }
+
+#LookingGlassDebugFlags .lg-debug-flags-header {
+ padding: 6px;
+ padding-top: 12px; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button {
+ padding: 9px 12px;
+ margin-bottom: 6px; }
+ #LookingGlassDebugFlags .lg-debug-flag-button StLabel {
+ font-weight: normal !important; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch {
+ background: rgba(255, 255, 255, 0.3); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:hover {
+ background: rgba(255, 255, 255, 0.4); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.login-dialog,
+.unlock-dialog {
+ color: #ffffff; }
+ .login-dialog .caps-lock-warning-label,
+ .login-dialog .login-dialog-message-warning,
+ .unlock-dialog .caps-lock-warning-label,
+ .unlock-dialog .login-dialog-message-warning {
+ color: #ffffff; }
+ .login-dialog .login-dialog-prompt-layout,
+ .unlock-dialog .login-dialog-prompt-layout {
+ width: 25em;
+ spacing: 9px; }
+
+.login-dialog-button.cancel-button {
+ padding: 9px; }
+
+.login-dialog-button-box {
+ spacing: 12px; }
+
+.conflicting-session-dialog-content {
+ spacing: 20px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-title {
+ text-align: center;
+ margin-bottom: 5px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc {
+ text-align: center; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
+ text-align: center;
+ color: #cd9309; }
+
+.login-dialog-logo-bin {
+ margin: 3em 0; }
+
+.login-dialog-banner-view {
+ max-width: 25em; }
+ .login-dialog-banner-view .login-dialog-banner {
+ color: #e6e6e6; }
+
+.login-dialog-message {
+ text-align: center; }
+
+.login-dialog-message-hint, .login-dialog-message {
+ color: #e6e6e6;
+ min-height: 2.75em; }
+
+.login-dialog-user-selection-box {
+ padding-top: 4em;
+ padding-bottom: 8em; }
+
+.login-dialog-not-listed-label {
+ padding: 6px; }
+
+.login-dialog-not-listed-button {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: #000000;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ box-shadow: none;
+ border: none;
+ padding: 0 6px;
+ margin: 6px; }
+ .login-dialog-not-listed-button:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(0, 0, 0, 0.25), 5%); }
+ .login-dialog-not-listed-button:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 7%), #ffffff, 87%), 5%); }
+ .login-dialog-not-listed-button:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 7%), #ffffff, 87%); }
+ .login-dialog-not-listed-button:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(#000000, 9%), #ffffff, 87%); }
+ .login-dialog-not-listed-button:active:hover {
+ background-color: st-lighten(st-lighten(#000000, 9%), 7%); }
+ .login-dialog-not-listed-button:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
+
+.login-dialog-auth-list-view {
+ -st-vfade-offset: 3em; }
+
+.login-dialog-auth-list {
+ spacing: 6px;
+ margin-left: 2em; }
+
+.login-dialog-auth-list-title {
+ margin-left: 2em;
+ padding-bottom: 6px; }
+
+.login-dialog .login-dialog-auth-list-item {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
+ border-radius: 9.6px;
+ padding: 7.2px; }
+ .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
+ .login-dialog .login-dialog-auth-list-item:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
+ .login-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
+ .login-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
+
+.unlock-dialog .login-dialog-auth-list-item {
+ border-radius: 9.6px;
+ padding: 7.2px; }
+
+.login-dialog-auth-list-label:ltr {
+ padding-left: 15px;
+ text-align: left; }
+
+.login-dialog-auth-list-label:rtl {
+ padding-right: 15px;
+ text-align: right; }
+
+.login-dialog-user-list-view {
+ width: 25em;
+ -st-vfade-offset: 3em; }
+ .login-dialog-user-list-view .login-dialog-user-list {
+ margin: 0 8px;
+ spacing: 12px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
+ border-radius: 16px;
+ padding: 9px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ color: #ffffff;
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
+ border: 2px solid transparent; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin-top: 6px;
+ background-color: rgba(255, 255, 255, 0.7); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
+ border-color: -st-accent-color; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
+ background-color: st-transparentize(-st-accent-color, 0.7); }
+
+.unlock-dialog {
+ background-color: transparent; }
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup {
+ background-color: #000000; }
+
+.unlock-dialog-clock {
+ color: #ffffff;
+ spacing: 2em; }
+ .unlock-dialog-clock .unlock-dialog-clock-time {
+ font-size: 6.546em;
+ font-weight: 800; }
+ .unlock-dialog-clock .unlock-dialog-clock-date {
+ font-weight: 400; }
+ .unlock-dialog-clock .unlock-dialog-clock-hint {
+ margin-top: 2em;
+ padding: 6px 18px;
+ border-radius: 16px;
+ font-weight: bold; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(26, 26, 26, 0.3); }
+ #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(26, 26, 26, 0.5); }
+ #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: st-transparentize(-st-accent-color, 0.5); }
+
+.unlock-dialog-notifications-container {
+ margin: 12px;
+ spacing: 6px;
+ width: 25em;
+ background-color: transparent; }
+ .unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0; }
+ .unlock-dialog-notifications-container .notification,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 16px;
+ border: none;
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #ffffff;
+ border-radius: 16px; }
+ .unlock-dialog-notifications-container .notification.critical,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-icon {
+ icon-size: 32px; }
+
+.unlock-dialog-notification-label {
+ padding-left: 12px;
+ padding-right: 0; }
+ .unlock-dialog-notification-label:rtl {
+ padding-right: 12px;
+ padding-left: 0; }
+
+.unlock-dialog-notification-count-text {
+ font-weight: bold;
+ padding: 0 12px;
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 999px; }
+
+.login-dialog .user-widget .user-widget-label,
+.unlock-dialog .user-widget .user-widget-label {
+ color: #ffffff; }
+
+.login-dialog .user-widget .user-icon,
+.unlock-dialog .user-widget .user-icon {
+ background-color: rgba(255, 255, 255, 0.13);
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
+
+.login-dialog .user-widget.horizontal,
+.unlock-dialog .user-widget.horizontal {
+ spacing: 18px; }
+
+.login-dialog .user-widget.vertical,
+.unlock-dialog .user-widget.vertical {
+ spacing: 24px; }
+ .login-dialog .user-widget.vertical .user-widget-label,
+ .unlock-dialog .user-widget.vertical .user-widget-label {
+ font-weight: 400;
+ font-size: 1.818em;
+ text-align: center;
+ margin-bottom: .75em; }
+ .login-dialog .user-widget.vertical .user-icon,
+ .unlock-dialog .user-widget.vertical .user-icon {
+ icon-size: 160px; }
+ .login-dialog .user-widget.vertical .user-icon StIcon,
+ .unlock-dialog .user-widget.vertical .user-icon StIcon {
+ padding: 30px; }
--- /dev/null
- #LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+ font-size: 1em;
+ color: #222226; }
+
+/* Common Stylings */
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+ background: none;
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ margin: 0; }
+
+.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box, .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ border-radius: 16px;
+ padding: 6px;
+ spacing: 6px;
+ text-align: center;
+ transition-duration: 100ms; }
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ border-radius: 8px;
+ padding: 3px 24px;
+ font-weight: bold;
+ transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
- .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
+ color: #222226;
+ background-color: st-mix(#222226, #fafafb, 12%); }
- .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
++ .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#222226, #fafafb, 12%), 5%); }
- .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
++ .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 4%), 5%); }
- .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
++ .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #fafafb, 12%), 4%); }
- .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
++ .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: st-lighten(st-mix(#222226, #fafafb, 12%), 3%); }
- .icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
++ .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
++ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #fafafb, 12%), 9%); }
- .icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
++ .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
++ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 9%), 4%); }
- .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
++ .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
++ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 9%), 5%); }
- .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
++ .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #fafafb, 12%), 8%); }
- .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
++ .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 4%); }
- .calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
++ .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 9%); }
+
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
++.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
+.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
+ color: #222226;
+ background-color: #fafafb; }
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
++ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
+ .message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.25), 5%); }
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
++ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
+ .message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(#fafafb, 7%), 5%); }
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
++ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
+ .message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
+ color: #222226;
+ background-color: st-darken(#fafafb, 7%); }
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
++ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
+ .message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: #fafafb; }
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
++ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
++ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
+ .message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
+ color: #222226;
+ background-color: st-darken(#fafafb, 9%); }
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
++ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
++ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
+ .message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
+ background-color: st-darken(st-darken(#fafafb, 9%), 7%); }
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
++ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
++ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
+ .message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#fafafb, 9%), 5%); }
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
++ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
+ .message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
+ color: #222226;
+ background-color: st-darken(#fafafb, 8%); }
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
++ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
+ .message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
+ background-color: st-darken(st-darken(#fafafb, 8%), 7%); }
- .keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
++ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
+ .message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
+ background-color: st-darken(st-darken(#fafafb, 8%), 9%); }
+
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
++.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
+.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
+ color: -st-accent-fg-color;
+ background-color: -st-accent-color; }
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
++ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
+ .message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-darken(-st-accent-color, 20%), 0.2) !important;
+ background-color: st-mix(-st-accent-color, -st-accent-color, 5%); }
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
++ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
+ .message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 4%), 5%); }
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
++ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
+ .message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
+ color: -st-accent-fg-color;
+ background-color: st-darken(-st-accent-color, 4%); }
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
++ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
+ .message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
+ color: st-transparentize(-st-accent-fg-color, 0.6);
+ background-color: st-lighten(-st-accent-color, 3%); }
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
++ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
+ .message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
+ color: -st-accent-fg-color;
+ background-color: st-darken(-st-accent-color, 9%); }
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
++ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
+ .message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
+ background-color: st-darken(st-darken(-st-accent-color, 9%), 4%); }
- .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
++ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
+ .message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 9%), 5%); }
+
+.popup-sub-menu .popup-menu-item, .popup-menu-item {
+ font-weight: normal;
+ spacing: 6px;
+ transition-duration: 100ms;
+ padding: 9px 12px; }
+
+#LookingGlassExtensions .lg-extension, #LookingGlassWindows .lg-window, .calendar, .datemenu-today-button, .quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ border-radius: 12px;
+ padding: 0.818em;
+ margin: 4px;
+ background-color: #ffffff;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
+ border: 1px solid rgba(0, 0, 0, 0.09); }
+
+.quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+ color: #222226;
+ background-color: #ffffff; }
+ .quick-toggle-menu:hover, .message:hover, .events-button:hover,
+ .world-clocks-button:hover,
+ .weather-button:hover {
+ color: #222226;
+ background-color: st-darken(#ffffff, 4%); }
+ .quick-toggle-menu:active, .message:active, .events-button:active,
+ .world-clocks-button:active,
+ .weather-button:active {
+ color: #222226;
+ background-color: st-darken(#ffffff, 9%); }
+ .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
+ .world-clocks-button:active:hover,
+ .weather-button:active:hover {
+ background-color: st-darken(st-darken(#ffffff, 9%), 4%); }
+ .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
+ .world-clocks-button:active:focus,
+ .weather-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#ffffff, 9%), 5%); }
+ .quick-toggle-menu:focus, .message:focus, .events-button:focus,
+ .world-clocks-button:focus,
+ .weather-button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, #ffffff, 5%); }
+ .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
+ .world-clocks-button:focus:hover,
+ .weather-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(#ffffff, 4%), 5%); }
+ .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
+ .world-clocks-button:insensitive,
+ .weather-button:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: st-lighten(#ffffff, 3%); }
+
+.calendar, .datemenu-today-button {
+ border: 1px solid transparent !important;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ background-color: transparent !important; }
+ .calendar:hover, .datemenu-today-button:hover {
+ color: #222226;
+ background-color: st-darken(#fafafb, 7%); }
+ .calendar:active, .datemenu-today-button:active {
+ color: #222226;
+ background-color: st-darken(#fafafb, 9%); }
+ .calendar:active:hover, .datemenu-today-button:active:hover {
+ background-color: st-darken(st-darken(#fafafb, 9%), 7%); }
+ .calendar:active:focus, .datemenu-today-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#fafafb, 9%), 5%); }
+ .calendar:focus, .datemenu-today-button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, #ffffff, 5%); }
+ .calendar:focus:hover, .datemenu-today-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(#ffffff, 4%), 5%); }
+ .calendar:insensitive, .datemenu-today-button:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: st-lighten(#ffffff, 3%); }
+
+.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
+ border-radius: 8px;
+ padding: 9px 9px;
+ selection-background-color: st-transparentize(-st-accent-color, 0.7);
+ selected-color: #222226; }
+
+StEntry {
+ background-color: #e0e0e1;
+ color: rgba(34, 34, 38, 0.7); }
+ StEntry:hover {
+ background-color: #d6d6d7;
+ color: #222226; }
+ StEntry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, #e0e0e1, 5%);
+ color: #222226; }
+ StEntry:insensitive {
+ background-color: #e8e8e9;
+ color: rgba(34, 34, 38, 0.5); }
+ StEntry StLabel.hint-text {
+ color: rgba(34, 34, 38, 0.7); }
+
+.notification-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button {
+ font-weight: bold;
+ padding: 6px 12px;
+ border-radius: 8px;
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.15); }
+ .notification-button:focus, .message .message-header .message-expand-button:focus,
+ .message .message-header .message-close-button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.15), 5%); }
+ .notification-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .message-close-button:focus:hover {
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.3), 5%); }
+ .notification-button:hover, .message .message-header .message-expand-button:hover,
+ .message .message-header .message-close-button:hover {
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.3); }
+ .notification-button:active, .message .message-header .message-expand-button:active,
+ .message .message-header .message-close-button:active {
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.2); }
+ .notification-button:active:hover, .message .message-header .message-expand-button:active:hover,
+ .message .message-header .message-close-button:active:hover {
+ background-color: rgba(34, 34, 38, 0.2); }
+ .notification-button:active:focus, .message .message-header .message-expand-button:active:focus,
+ .message .message-header .message-close-button:active:focus {
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.2), 5%); }
+ .notification-button:checked, .message .message-header .message-expand-button:checked,
+ .message .message-header .message-close-button:checked {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #fafafb, 12%), 8%); }
+ .notification-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .message-close-button:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 4%); }
+ .notification-button:checked:active, .message .message-header .message-expand-button:checked:active,
+ .message .message-header .message-close-button:checked:active {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 9%); }
+ .notification-button:insensitive, .message .message-header .message-expand-button:insensitive,
+ .message .message-header .message-close-button:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: rgba(34, 34, 38, 0.1); }
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button {
+ font-weight: bold;
+ padding: 12px;
+ border-radius: 12px;
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.1); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.1), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:focus:hover {
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.13), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:hover {
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.13); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active {
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.16); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:hover {
+ background-color: rgba(34, 34, 38, 0.19); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:active:focus {
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.16), 5%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #fafafb, 12%), 8%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 4%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:active {
+ background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 9%); }
+ .modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: st-lighten(st-mix(#222226, #fafafb, 12%), 3%); }
+
+.dash-label, .window-caption, .screenshot-ui-tooltip {
+ background-color: rgba(0, 0, 0, 0.9);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ color: #ffffff;
+ border-radius: 999px;
+ padding: 6px 12px;
+ text-align: center; }
+
+/* General Typography */
+.unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
+ font-weight: 800;
+ font-size: 1.818em; }
+
+.conflicting-session-dialog-content .conflicting-session-dialog-title, .message-dialog-content .message-dialog-title, .message-notification-group .message-group-header .message-group-title, .datemenu-today-button .date-label {
+ font-weight: 800;
+ font-size: 1.364em; }
+
+.login-dialog .user-widget.horizontal .user-widget-label,
+.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title, .message-list .message-list-placeholder {
+ font-weight: 700;
+ font-size: 1.364em; }
+
+.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
+.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
+ font-weight: 700;
+ font-size: 1.182em; }
+
+.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
+ font-weight: 700;
+ font-size: 1em; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
+ font-weight: 700;
+ font-size: 0.818em; }
+
+.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog .prompt-dialog-error-label,
+.prompt-dialog .prompt-dialog-info-label,
+.prompt-dialog .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+.weather-button .weather-box .weather-grid .weather-forecast-time, .calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-weight: 400;
+ font-size: 0.818em; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
+ font-family: monospace; }
+
+.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
+ font-feature-settings: "tnum"; }
+
+/* OSD Elements */
+#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+ color: #ffffff;
+ background-color: #2e2e33;
+ border: 1px solid rgba(255, 255, 255, 0.02);
+ border-radius: 999px;
+ padding: 12px; }
+
+.lg-dialog StEntry {
+ background-color: #47474c;
+ color: rgba(255, 255, 255, 0.7); }
+ .lg-dialog StEntry:hover {
+ background-color: #515157;
+ color: #ffffff; }
+ .lg-dialog StEntry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, #47474c, 5%);
+ color: #ffffff; }
+ .lg-dialog StEntry:insensitive {
+ background-color: #404044;
+ color: rgba(255, 255, 255, 0.5); }
+ .lg-dialog StEntry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.7); }
+
+#LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 12%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#ffffff, #2e2e33, 12%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:focus:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:focus:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#ffffff, #2e2e33, 12%), 4%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 12%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:active:focus, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:active:focus,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%), 5%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 12%), 8%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:hover, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:hover,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 12%), 8%), 4%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:checked:active, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:checked:active,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 12%), 8%), 9%); }
+ #LookingGlassDebugFlags .lg-debug-flag-button:insensitive, #LookingGlassPropertyInspector .lg-obj-inspector-close-button:insensitive,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
+ color: st-transparentize(#ffffff, 0.6);
+ background-color: st-darken(st-mix(#ffffff, #2e2e33, 12%), 3%); }
+
+#LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+ color: #ffffff;
+ background-color: #2e2e33; }
+ #LookingGlassDialog .notebook-tab:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(46, 46, 51, 0.25), 5%); }
+ #LookingGlassDialog .notebook-tab:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#2e2e33, 7%), 5%); }
+ #LookingGlassDialog .notebook-tab:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 7%); }
+ #LookingGlassDialog .notebook-tab:active, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 9%); }
+ #LookingGlassDialog .notebook-tab:active:hover, .screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 9%), 7%); }
+ #LookingGlassDialog .notebook-tab:active:focus, .screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#2e2e33, 9%), 5%); }
+ #LookingGlassDialog .notebook-tab:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 8%); }
+ #LookingGlassDialog .notebook-tab:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 7%); }
+ #LookingGlassDialog .notebook-tab:checked:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 9%); }
+ #LookingGlassDialog .notebook-tab:insensitive, .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+ color: st-transparentize(#ffffff, 0.6);
+ background-color: #2e2e33; }
+
+/* System Elements */
+.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
+ background-color: #47474b;
+ color: rgba(250, 250, 251, 0.7); }
+ .login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
+ background-color: #515155;
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, #47474b, 5%);
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
+ background-color: #404043;
+ color: rgba(250, 250, 251, 0.5); }
+ .login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
+ color: rgba(250, 250, 251, 0.7); }
+
- .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
++.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #2e2e33, 12%); }
- .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
++ .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: st-lighten(st-mix(#fafafb, #2e2e33, 12%), 3%); }
- .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
++ .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#fafafb, #2e2e33, 12%), 5%); }
- .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
++ .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#fafafb, #2e2e33, 12%), 4%), 5%); }
- .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
++ .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
+ color: #fafafb;
+ background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 4%); }
- .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
++ .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
+ color: #fafafb;
+ background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%); }
- .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
++ .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
+ background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%), 4%); }
- .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
++ .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%), 5%); }
- .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
++ .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
+ color: #fafafb;
+ background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%); }
- .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
++ .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%), 4%); }
- .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
++ .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
+ background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%), 9%); }
+
+/* Lockscreen Elements */
+.unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .calendar .calendar-month-header .pager-button,
+.calendar .calendar-month-header .unlock-dialog .pager-button,
+.unlock-dialog .message-notification-group .message-collapse-button,
+.message-notification-group .unlock-dialog .message-collapse-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button,
++.unlock-dialog .login-dialog-button.a11y-button,
+.unlock-dialog .login-dialog-button.cancel-button,
+.unlock-dialog .login-dialog-button.switch-user-button,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.1); }
+ .unlock-dialog .button:focus,
+ .unlock-dialog .icon-button:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus,
+ .unlock-dialog .message .message-header .message-expand-button:focus,
+ .message .message-header .unlock-dialog .message-expand-button:focus,
+ .unlock-dialog .message .message-header .message-close-button:focus,
+ .message .message-header .unlock-dialog .message-close-button:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.1), 5%); }
+ .unlock-dialog .button:focus:hover,
+ .unlock-dialog .icon-button:focus:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:focus:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:focus:hover,
+ .unlock-dialog .message .message-header .message-expand-button:focus:hover,
+ .message .message-header .unlock-dialog .message-expand-button:focus:hover,
+ .unlock-dialog .message .message-header .message-close-button:focus:hover,
+ .message .message-header .unlock-dialog .message-close-button:focus:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:focus:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:focus:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.13), 5%); }
+ .unlock-dialog .button:hover,
+ .unlock-dialog .icon-button:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:hover,
+ .unlock-dialog .message .message-header .message-expand-button:hover,
+ .message .message-header .unlock-dialog .message-expand-button:hover,
+ .unlock-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .unlock-dialog .message-close-button:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.13); }
+ .unlock-dialog .button:active,
+ .unlock-dialog .icon-button:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:active,
+ .unlock-dialog .message .message-header .message-expand-button:active,
+ .message .message-header .unlock-dialog .message-expand-button:active,
+ .unlock-dialog .message .message-header .message-close-button:active,
+ .message .message-header .unlock-dialog .message-close-button:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active,
++ .unlock-dialog .login-dialog-button.a11y-button:active,
+ .unlock-dialog .login-dialog-button.cancel-button:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.16); }
+ .unlock-dialog .button:active:hover,
+ .unlock-dialog .icon-button:active:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:hover,
+ .unlock-dialog .message .message-header .message-expand-button:active:hover,
+ .message .message-header .unlock-dialog .message-expand-button:active:hover,
+ .unlock-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .unlock-dialog .message-close-button:active:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:active:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:active:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: rgba(250, 250, 251, 0.19); }
+ .unlock-dialog .button:active:focus,
+ .unlock-dialog .icon-button:active:focus,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
+ .unlock-dialog .message-notification-group .message-collapse-button:active:focus,
+ .message-notification-group .unlock-dialog .message-collapse-button:active:focus,
+ .unlock-dialog .message .message-header .message-expand-button:active:focus,
+ .message .message-header .unlock-dialog .message-expand-button:active:focus,
+ .unlock-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .unlock-dialog .message-close-button:active:focus,
+ .unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
++ .unlock-dialog .login-dialog-button.a11y-button:active:focus,
+ .unlock-dialog .login-dialog-button.cancel-button:active:focus,
+ .unlock-dialog .login-dialog-button.switch-user-button:active:focus,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.16), 5%); }
+ .unlock-dialog .button:checked,
+ .unlock-dialog .icon-button:checked,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked,
+ .unlock-dialog .message .message-header .message-expand-button:checked,
+ .message .message-header .unlock-dialog .message-expand-button:checked,
+ .unlock-dialog .message .message-header .message-close-button:checked,
+ .message .message-header .unlock-dialog .message-close-button:checked,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked,
++ .unlock-dialog .login-dialog-button.a11y-button:checked,
+ .unlock-dialog .login-dialog-button.cancel-button:checked,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
+ color: #fafafb;
+ background-color: st-darken(st-mix(#fafafb, #fafafb, 12%), 8%); }
+ .unlock-dialog .button:checked:hover,
+ .unlock-dialog .icon-button:checked:hover,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:hover,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:hover,
+ .unlock-dialog .message .message-header .message-expand-button:checked:hover,
+ .message .message-header .unlock-dialog .message-expand-button:checked:hover,
+ .unlock-dialog .message .message-header .message-close-button:checked:hover,
+ .message .message-header .unlock-dialog .message-close-button:checked:hover,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:hover,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:hover,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#fafafb, #fafafb, 12%), 8%), 4%); }
+ .unlock-dialog .button:checked:active,
+ .unlock-dialog .icon-button:checked:active,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
+ .unlock-dialog .message-notification-group .message-collapse-button:checked:active,
+ .message-notification-group .unlock-dialog .message-collapse-button:checked:active,
+ .unlock-dialog .message .message-header .message-expand-button:checked:active,
+ .message .message-header .unlock-dialog .message-expand-button:checked:active,
+ .unlock-dialog .message .message-header .message-close-button:checked:active,
+ .message .message-header .unlock-dialog .message-close-button:checked:active,
+ .unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
++ .unlock-dialog .login-dialog-button.a11y-button:checked:active,
+ .unlock-dialog .login-dialog-button.cancel-button:checked:active,
+ .unlock-dialog .login-dialog-button.switch-user-button:checked:active,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
+ background-color: st-darken(st-darken(st-mix(#fafafb, #fafafb, 12%), 8%), 9%); }
+ .unlock-dialog .button:insensitive,
+ .unlock-dialog .icon-button:insensitive,
+ .unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
+ .calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
+ .unlock-dialog .message-notification-group .message-collapse-button:insensitive,
+ .message-notification-group .unlock-dialog .message-collapse-button:insensitive,
+ .unlock-dialog .message .message-header .message-expand-button:insensitive,
+ .message .message-header .unlock-dialog .message-expand-button:insensitive,
+ .unlock-dialog .message .message-header .message-close-button:insensitive,
+ .message .message-header .unlock-dialog .message-close-button:insensitive,
+ .unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
++ .unlock-dialog .login-dialog-button.a11y-button:insensitive,
+ .unlock-dialog .login-dialog-button.cancel-button:insensitive,
+ .unlock-dialog .login-dialog-button.switch-user-button:insensitive,
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: st-lighten(st-mix(#fafafb, #fafafb, 12%), 3%); }
+
+.unlock-dialog .login-dialog-prompt-entry {
+ background-color: rgba(250, 250, 251, 0.1);
+ color: rgba(250, 250, 251, 0.7); }
+ .unlock-dialog .login-dialog-prompt-entry:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fafafb; }
+ .unlock-dialog .login-dialog-prompt-entry:focus {
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(250, 250, 251, 0.4), 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.1), 5%);
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(rgba(250, 250, 251, 0.4), 0.2) !important;
+ background-color: st-mix(rgba(250, 250, 251, 0.4), rgba(250, 250, 251, 0.1), 5%); }
+ .unlock-dialog .login-dialog-prompt-entry:insensitive {
+ background-color: rgba(242, 242, 244, 0.1);
+ color: rgba(250, 250, 251, 0.5); }
+ .unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
+ color: rgba(250, 250, 251, 0.7); }
+
+/* WIDGETS */
+.shell-link {
+ color: st-darken(-st-accent-color, 10%); }
+ .shell-link:hover {
+ color: st-lighten(st-darken(-st-accent-color, 10%), 10%); }
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+.icon-dropshadow {
+ icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+/* Entries */
+StEntry StIcon.capslock-warning {
+ icon-size: 1.091em;
+ warning-color: #e5a50a;
+ padding: 0 4px; }
+
+StEntry StIcon.peek-password {
+ icon-size: 1.091em;
+ padding: 0 4px; }
+
+StEntry StLabel.hint-text {
+ margin-left: 2px; }
+
+/* Buttons */
+.button {
+ min-height: 1.5em; }
+
- .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
++.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
+ border-radius: 999px;
+ padding: 0.818em;
+ min-height: 1.091em; }
- margin-bottom: 12px !important; }
++ .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
+ .message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em; }
+
+.check-box StBin {
+ border-radius: 7px;
+ padding: 2px; }
+
+.check-box:focus StBin {
+ background-color: rgba(0, 0, 0, 0.01);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.65); }
+
+.check-box StIcon {
+ icon-size: 14px;
+ padding: 1px;
+ color: transparent;
+ border-radius: 6px;
+ border: 2px solid rgba(0, 0, 0, 0.15); }
+
+.check-box:hover StIcon {
+ border-color: rgba(0, 0, 0, 0.2); }
+
+.check-box:active StIcon {
+ border-color: rgba(0, 0, 0, 0.3); }
+
+.check-box:checked StIcon {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-color: transparent; }
+
+.check-box:checked:hover StIcon {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.check-box:checked:active StIcon {
+ background-color: st-darken(-st-accent-color, 7%);
+ color: st-darken(-st-accent-fg-color, 7%); }
+
+/* Switches */
+.toggle-switch {
+ width: 46px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ color: #222226;
+ background: rgba(0, 0, 0, 0.15); }
+ .toggle-switch:hover {
+ background: rgba(0, 0, 0, 0.2); }
+ .toggle-switch StIcon {
+ icon-size: 16px; }
+ .toggle-switch .handle {
+ margin: 3px;
+ width: 20px;
+ height: 20px;
+ border-radius: 999px;
+ background: white;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+ transition-duration: 100ms; }
+ .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+ .toggle-switch:checked .handle {
+ background: white; }
+
+/* Slider */
+.slider {
+ color: #222226;
+ -barlevel-height: 4px;
+ -barlevel-background-color: rgba(34, 34, 38, 0.1);
+ -barlevel-active-background-color: -st-accent-color;
+ -barlevel-overdrive-color: #e01b24;
+ -barlevel-overdrive-separator-width: 1px;
+ -slider-handle-radius: 0.5455em; }
+ .slider:hover {
+ color: #333339; }
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 68px; }
+
+StScrollView.hfade {
+ -st-hfade-offset: 68px; }
+
+StScrollBar {
+ padding: 0; }
+ StScrollView StScrollBar {
+ min-width: 8px;
+ min-height: 8px; }
+ StScrollBar StBin#trough {
+ border-radius: 0;
+ background-color: transparent; }
+ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 8px;
+ background-color: #b9b9bb;
+ border: 3px solid transparent;
+ transition: 500ms all ease; }
+ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #8e8e91; }
+ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #a4a4a6; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+ -arrow-rise: 6px; }
+
+.popup-menu {
+ min-width: 15em;
+ color: #222226; }
+ .popup-menu.panel-menu {
+ margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content {
+ padding: 6px;
+ background-color: #fafafb;
+ border-radius: 20px;
+ border: 1px solid #e6e6eb;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
+
+.popup-menu-item {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+ border-radius: 12px; }
+ .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-menu-item:active {
+ color: #222226;
+ background-color: st-darken(#ececf0, 9%); }
+ .popup-menu-item:active:hover {
+ background-color: st-darken(st-darken(#ececf0, 9%), 7%); }
+ .popup-menu-item:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#ececf0, 9%), 5%); }
+ .popup-menu-item:hover, .popup-menu-item:selected, .popup-menu-item:checked {
+ color: #222226;
+ background-color: st-darken(#ececf0, 7%); }
+ .popup-menu-item:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: #ececf0; }
+ .popup-menu-item:checked {
+ border-radius: 12px 12px 0 0 !important; }
+ .popup-menu-item .toggle-switch:ltr {
+ margin-left: 4px; }
+ .popup-menu-item .toggle-switch:rtl {
+ margin-right: 4px; }
+
+.popup-ornamented-menu-item:ltr {
+ padding-left: 6px; }
+
+.popup-ornamented-menu-item:rtl {
+ padding-right: 6px; }
+
+.popup-inactive-menu-item {
+ color: #222226; }
+ .popup-inactive-menu-item:insensitive {
+ color: #78787b; }
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 1.091em; }
+
+.popup-sub-menu {
+ border-radius: 0 0 13px 13px;
+ margin-bottom: 6px;
+ border: 1px solid transparent;
+ background-color: #cacad4; }
+ .popup-sub-menu .popup-menu-item {
+ border-radius: 0;
+ border-top-width: 0;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ background-color: transparent !important; }
+ .popup-sub-menu .popup-menu-item:active {
+ color: #222226;
+ background-color: st-darken(#cacad4, 9%); }
+ .popup-sub-menu .popup-menu-item:active:hover {
+ background-color: st-darken(st-darken(#cacad4, 9%), 7%); }
+ .popup-sub-menu .popup-menu-item:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#cacad4, 9%), 5%); }
+ .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:selected, .popup-sub-menu .popup-menu-item:checked {
+ color: #222226;
+ background-color: st-darken(#cacad4, 7%); }
+ .popup-sub-menu .popup-menu-item:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: #cacad4; }
+ .popup-sub-menu .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px;
+ border-bottom-width: 0; }
+ .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
+ border-radius: 0; }
+ .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
+ border-radius: 0 0 12px 12px; }
+
+.popup-menu-ornament {
+ icon-size: 1.091em !important;
+ width: 1.091em; }
+
+.popup-separator-menu-item {
+ border: none !important; }
+ .popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(34, 34, 38, 0.15); }
+ .popup-sub-menu .popup-separator-menu-item {
+ background-color: transparent; }
+ .popup-sub-menu .popup-separator-menu-item:ltr {
+ margin-right: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item:rtl {
+ margin-left: 2.5em; }
+ .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ background-color: rgba(34, 34, 38, 0.15); }
+
+.background-menu {
+ -boxpointer-gap: 0px;
+ -arrow-rise: 0px; }
+
+.app-menu {
+ max-width: 27.25em; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+ margin-right: 8px; }
+ .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+ margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea {
+ padding: 4px; }
+
+.datemenu-popover {
+ border-radius: 30px; }
+
+.datemenu-calendar-column {
+ spacing: 6px; }
+ .datemenu-calendar-column:ltr {
+ margin-left: 6px; }
+ .datemenu-calendar-column:rtl {
+ margin-right: 6px; }
+ .datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px; }
+
+.datemenu-today-button {
+ padding: 9px; }
+ .datemenu-today-button .day-label {
+ font-weight: bold; }
+
+.calendar {
+ margin-top: 0;
+ padding: 0; }
+ .calendar .calendar-month-header .calendar-change-month-back StIcon,
+ .calendar .calendar-month-header .calendar-change-month-forward StIcon {
+ icon-size: 1.091em; }
+ .calendar .calendar-month-header .calendar-month-label {
+ color: #222226 !important;
+ padding: 8px 0;
+ width: 10em;
+ border-radius: 999px;
+ text-align: center; }
+ .calendar .calendar-month-header .pager-button {
+ height: 2.6em;
+ width: 2.6em;
+ padding: 0; }
+ .calendar .calendar-day {
+ border-radius: 999px;
+ height: 3em;
+ width: 3em;
+ margin: 2px;
+ padding: 0;
+ font-weight: bold;
+ text-align: center; }
+ .calendar .calendar-day.calendar-weekend {
+ color: #78787b; }
+ .calendar .calendar-day.calendar-other-month {
+ color: rgba(34, 34, 38, 0.5);
+ font-weight: normal; }
+ .calendar .calendar-day.calendar-other-month.calendar-weekend {
+ color: rgba(34, 34, 38, 0.5); }
+ .calendar .calendar-day.calendar-today {
+ color: -st-accent-fg-color !important; }
+ .calendar .calendar-day.calendar-today.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
+ .calendar .calendar-day.calendar-day-with-events {
+ background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
+ background-size: contain; }
+ .calendar .calendar-day-heading {
+ font-weight: bold;
+ text-align: center;
+ margin: 4px;
+ padding: 3px 6px;
+ border-radius: 8px; }
+ .calendar .calendar-week-number {
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ text-align: center;
+ margin: 6px;
+ padding: 0 6px;
+ border-radius: 4px;
+ background-color: rgba(120, 120, 123, 0.2);
+ color: #78787b; }
+
+.events-button .events-box .events-title {
+ color: #78787b;
+ padding-bottom: 6px; }
+
+.events-button .events-box .events-list {
+ spacing: 6px; }
+ .events-button .events-box .events-list .event-box {
+ spacing: 6px;
+ border-radius: 8px; }
+ .events-button .events-box .events-list .event-box .event-time {
+ color: #78787b; }
+ .events-button .events-box .events-list .event-placeholder {
+ color: #78787b;
+ font-style: italic; }
+
+.world-clocks-button .world-clocks-header {
+ color: #78787b; }
+ .world-clocks-button .world-clocks-header.no-world-clocks {
+ color: #222226; }
+
+.world-clocks-button .world-clocks-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time {
+ font-weight: bold; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
+ text-align: right; }
+ .world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
+ text-align: left; }
+ .world-clocks-button .world-clocks-grid .world-clocks-timezone {
+ color: #78787b; }
+
+.weather-button .weather-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box {
+ spacing: 6px; }
+ .weather-button .weather-box .weather-header-box .weather-header {
+ color: #78787b; }
+ .weather-button .weather-box .weather-header-box .weather-header.no-location {
+ color: #222226; }
+ .weather-button .weather-box .weather-header-box .weather-header.location {
+ font-weight: normal; }
+ .weather-button .weather-box .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-time {
+ padding-top: 6px;
+ padding-bottom: 6px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-icon {
+ icon-size: 2.182em;
+ margin-bottom: 4px; }
+ .weather-button .weather-box .weather-grid .weather-forecast-temp {
+ font-weight: bold; }
+
+/* Message List */
+.message-list {
+ width: 29em;
+ border: solid rgba(34, 34, 38, 0.15); }
+ .message-list:ltr {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-right: 6px;
+ border-right-width: 1px; }
+ .message-list:rtl {
+ margin-right: 0;
+ margin-left: 4px;
+ padding-left: 6px;
+ border-left-width: 1px; }
+ .message-list .message-list-placeholder {
+ color: rgba(34, 34, 38, 0.45); }
+ .message-list .message-list-placeholder > StIcon {
+ icon-size: 96px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic; }
+
+.message-view {
+ -st-vfade-offset: 68px; }
+ .message-view:ltr {
+ margin-right: 12px; }
+ .message-view:rtl {
+ margin-left: 12px; }
+ .message-view .message {
- padding-bottom: 6px;
++ margin-bottom: 12px !important;
++ border-radius: 18px; }
+
+.message-list-controls {
+ padding: 12px;
- .message-list-controls .dnd-button {
- border-width: 2px;
- border-color: transparent;
- border-radius: 32px;
- border-style: solid; }
- .message-list-controls .dnd-button:focus {
- border-color: st-transparentize(-st-accent-color, 0.4); }
++ padding-bottom: 9px;
+ spacing: 6px; }
- transition-duration: 250ms; }
++ .message-list-controls .message-list-clear-button {
++ border-radius: 999px; }
+
+.message-notification-group {
+ spacing: 12px; }
+ .message-notification-group .message-group-header {
+ padding: 6px; }
+ .message-notification-group .message-group-header .message-group-title {
+ margin: 0 4px; }
+ .message-notification-group .message-collapse-button {
+ color: #222226;
+ background-color: rgba(34, 34, 38, 0.2);
+ padding: 4px !important;
+ border: 4px transparent solid; }
+ .message-notification-group .message-collapse-button:hover {
+ background-color: rgba(34, 34, 38, 0.3); }
+ .message-notification-group .message-collapse-button:active {
+ background-color: rgba(34, 34, 38, 0.2); }
+
+.message {
+ padding: 6px;
+ margin: 0;
+ border-radius: 16px;
+ background-color: #ffffff; }
+ .message:second-in-stack {
+ background-color: whitesmoke;
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03); }
+ .message:lower-in-stack {
+ background-color: #ededed;
+ box-shadow: none;
+ border-color: #e6e6e6; }
+ .message .message-header {
+ spacing: 6px;
+ color: #78787b;
+ padding: 0 6px; }
+ .message .message-header:ltr {
+ padding-right: 0; }
+ .message .message-header:rtl {
+ padding-left: 0; }
+ .message .message-header .message-source-icon {
+ icon-size: 1.091em;
+ -st-icon-style: symbolic; }
+ .message .message-header .message-header-content {
+ spacing: 6px;
+ min-height: 1.637em;
+ padding-bottom: 6px; }
+ .message .message-header .message-header-content .message-source-title {
+ font-weight: bold; }
+ .message .message-header .message-header-content .event-time {
+ color: #78787b;
+ padding-bottom: 0.068em; }
+ .message .message-header .message-header-content .event-time:ltr {
+ text-align: right; }
+ .message .message-header .message-header-content .event-time:rtl {
+ text-align: left; }
+ .message .message-header .message-expand-button,
+ .message .message-header .message-close-button {
+ border-radius: 999px;
+ color: #222226; }
+ .message .message-header .message-expand-button {
+ padding: 6px; }
+ .message .message-header .message-close-button {
+ margin: 3px;
+ padding: 4px; }
+ .message .message-box {
+ padding: 6px;
+ margin-top: 0;
+ spacing: 6px; }
+ .message .message-box .message-icon {
+ icon-size: 48px; }
+ .message .message-box .message-icon:ltr {
+ margin-right: 6px; }
+ .message .message-box .message-icon:rtl {
+ margin-left: 6px; }
+ .message .message-box .message-icon.message-themed-icon {
+ border-radius: 999px;
+ background-color: rgba(34, 34, 38, 0.07);
+ icon-size: 1.091em;
+ min-width: 48px;
+ min-height: 48px; }
+ .message .message-box:first-child {
+ margin-top: 12px; }
+ .message .message-box .message-content {
+ spacing: 4px; }
+ .message .message-box .message-content .message-title {
+ font-weight: bold; }
+ .message .message-action-bin {
+ padding: 4px;
+ spacing: 6px; }
+ .message .message-action-bin * {
+ margin: 0 4px; }
+ .message .message-action-bin *:first-child:ltr {
+ margin-left: 0; }
+ .message .message-action-bin *:first-child:rtl {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:ltr {
+ margin-right: 0; }
+ .message .message-action-bin *:last-child:rtl {
+ margin-left: 0; }
+
+.url-highlighter {
+ link-color: st-darken(-st-accent-color, 10%); }
+
+/* Media Controls */
+.message-media-control {
+ padding: 0 18px;
+ border-radius: 8px;
+ color: #222226;
+ border: 1px solid transparent; }
+ .message-media-control:hover {
+ background-color: #efeff2;
+ color: #222226; }
+ .message-media-control:active {
+ background-color: #e9e9ed;
+ color: #222226; }
+ .message-media-control:insensitive {
+ color: #858588; }
+ .message-media-control StIcon {
+ icon-size: 16px; }
+
+.media-message .message-icon {
+ border-radius: 8px !important; }
+ .media-message .message-icon.message-themed-icon {
+ icon-size: 32px !important; }
+
+.candidate-popup-content {
+ padding: 6px;
+ spacing: 6px;
+ border-radius: 12px; }
+
+.candidate-index {
+ padding: 0;
+ padding-right: 6px;
+ color: #78787b; }
+
+.candidate-box {
+ padding: 6px 12px 6px 12px;
+ border-radius: 8px; }
+ .candidate-box:selected {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+ .candidate-box:hover {
+ background-color: #e1e1e7;
+ color: #0c0c0e; }
+
+.candidate-page-button-box {
+ height: 2em; }
+ .vertical .candidate-page-button-box {
+ padding-top: 12px; }
+ .horizontal .candidate-page-button-box {
+ padding-left: 12px; }
+
+.candidate-page-button {
+ padding: 6px; }
+ .candidate-page-button StIcon {
+ icon-size: 16px; }
+
+.candidate-page-button-previous {
+ border-radius: 8px 0px 0px 8px;
+ border-right-width: 0;
+ box-shadow: none; }
+
+.candidate-page-button-next {
+ border-radius: 0px 8px 8px 0px;
+ box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner {
+ min-height: 64px;
+ width: 34em;
+ box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
+ border-radius: 16px;
+ margin: 4px; }
+
+.notification-buttons-bin {
+ spacing: 0; }
+
+/* Modal Dialogs */
+.modal-dialog {
+ background-color: #fafafb;
+ border-radius: 18px;
+ padding: 24px;
+ spacing: 18px;
+ box-shadow: 0 12px 8px 12px rgba(0, 0, 0, 0.03); }
+ .modal-dialog .modal-dialog-content-box {
+ padding-top: 12px;
+ spacing: 18px;
+ max-width: 28em; }
+ .modal-dialog .modal-dialog-button-box {
+ padding-top: 6px; }
+
+.dialog-list {
+ spacing: 18px; }
+ .dialog-list .dialog-list-title {
+ text-align: center; }
+ .dialog-list .dialog-list-scrollview {
+ max-height: 200px; }
+ .dialog-list .dialog-list-box {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold; }
+ .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: #161619; }
+
+/* End Session Dialog */
+.end-session-dialog {
+ width: 24em; }
+ .end-session-dialog .end-session-dialog-battery-warning,
+ .end-session-dialog .dialog-list-title {
+ color: #e5a50a;
+ background-color: rgba(229, 165, 10, 0.1);
+ padding: 9px;
+ border-radius: 8px;
+ margin: 4px 0; }
+
+/* Message Dialog */
+.message-dialog-content {
+ spacing: 18px; }
+ .message-dialog-content .message-dialog-title {
+ text-align: center; }
+ .message-dialog-content .message-dialog-description {
+ text-align: center; }
+
+/* Run Dialog */
+.run-dialog {
+ width: 24em;
+ padding-bottom: 6px; }
+ .run-dialog .run-dialog-entry {
+ padding: 12px 9px; }
+ .run-dialog .run-dialog-description {
+ color: black; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+ width: 28em; }
+ .prompt-dialog .prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px; }
+ .prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px; }
+ .prompt-dialog .prompt-dialog-password-layout {
+ spacing: 8px; }
+ .prompt-dialog .prompt-dialog-password-entry {
+ width: 20em;
+ padding: 12px 9px; }
+ .prompt-dialog .prompt-dialog-error-label,
+ .prompt-dialog .prompt-dialog-info-label,
+ .prompt-dialog .prompt-dialog-null-label {
+ text-align: center; }
+ .prompt-dialog .prompt-dialog-error-label {
+ color: #e5a50a; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px; }
+ .polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #e5a50a; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog {
+ min-width: 24em; }
+ .audio-device-selection-dialog .audio-selection-box {
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device {
+ color: #222226;
+ background-color: #fafafb;
+ background-color: transparent; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.25), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(#fafafb, 7%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover {
+ color: #222226;
+ background-color: st-darken(#fafafb, 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active {
+ color: #222226;
+ background-color: st-darken(#fafafb, 9%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:hover {
+ background-color: st-darken(st-darken(#fafafb, 9%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(#fafafb, 9%), 5%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked {
+ color: #222226;
+ background-color: st-darken(#fafafb, 8%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:hover {
+ background-color: st-darken(st-darken(#fafafb, 8%), 7%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:highlighted:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:selected:active, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:checked:active {
+ background-color: st-darken(st-darken(#fafafb, 8%), 9%); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:insensitive {
+ color: st-transparentize(#222226, 0.6);
+ background-color: #fafafb; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box {
+ padding: 12px;
+ spacing: 12px; }
+ .audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon {
+ icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ /* Reasonable maximum dimensions */
+ height: 300px;
+ width: 300px; }
+
+/* Access portal dialog */
+.access-dialog {
+ text-align: center; }
+
+/* OSD */
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em; }
+ .osd-window > * {
+ spacing: 8px; }
+ .osd-window StIcon {
+ icon-size: 32px; }
+ .osd-window StLabel:ltr {
+ margin-right: 6px; }
+ .osd-window StLabel:rtl {
+ margin-left: 6px; }
+ .osd-window .level {
+ margin-bottom: 4px;
+ min-width: 160px;
+ -barlevel-height: 6px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.3);
+ -barlevel-active-background-color: #ffffff;
+ -barlevel-overdrive-color: #e01b24;
+ -barlevel-overdrive-separator-width: 3px; }
+ .osd-window .level:first-child {
+ margin-bottom: 0; }
+ .osd-window .level:ltr {
+ margin-right: 6px; }
+ .osd-window .level:rtl {
+ margin-left: 6px; }
+
+.osd-monitor-label, .osd-break-countdown-label {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color;
+ border-radius: 16px;
+ font-size: 3em;
+ font-weight: bold;
+ font-feature-settings: "tnum";
+ margin: 12px;
+ padding: 12px;
+ text-align: center;
+ min-width: 1.5em; }
+
+/* Pad OSD */
+.pad-osd-window {
+ padding: 32px;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .pad-osd-window .pad-osd-title-box {
+ spacing: 12px; }
+ .pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px; }
+
+.combo-box-label {
+ width: 15em; }
+
+/* App Switcher */
+.switcher-popup {
+ padding: 0;
+ spacing: 24px; }
+
+.switcher-list {
+ padding: 12px;
+ border-radius: 28px;
+ box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
+ .switcher-list .switcher-list-item-container {
+ spacing: 12px; }
+ .switcher-list .item-box {
+ color: #ffffff;
+ background-color: #2e2e33;
+ background-color: transparent; }
+ .switcher-list .item-box:focus {
+ color: #ffffff;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(46, 46, 51, 0.25), 5%); }
+ .switcher-list .item-box:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#2e2e33, 7%), 5%); }
+ .switcher-list .item-box:hover {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 7%); }
+ .switcher-list .item-box:active {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 9%); }
+ .switcher-list .item-box:active:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 9%), 7%); }
+ .switcher-list .item-box:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#2e2e33, 9%), 5%); }
+ .switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
+ color: #ffffff;
+ background-color: st-lighten(#2e2e33, 8%); }
+ .switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 7%); }
+ .switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
+ background-color: st-lighten(st-lighten(#2e2e33, 8%), 9%); }
+ .switcher-list .item-box:insensitive {
+ color: st-transparentize(#ffffff, 0.6);
+ background-color: #2e2e33; }
+ .switcher-list .item-box:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .switcher-list .item-box:hover {
+ background: none; }
+ .switcher-list .item-box:selected {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .switcher-list .separator {
+ width: 1px;
+ background: rgba(34, 34, 38, 0.15); }
+ .switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px; }
+ .switcher-list .thumbnail {
+ width: 256px;
+ border-radius: 8px; }
+
+.switcher-arrow {
+ border-color: rgba(255, 255, 255, 0.8);
+ color: rgba(255, 255, 255, 0.8); }
+ .switcher-arrow:highlighted {
+ border-color: #ffffff;
+ color: #ffffff; }
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px; }
+
+.cycler-highlight {
+ border: 5px solid -st-accent-color; }
+
+/* Workspace Switcher */
+.workspace-switcher {
+ margin-bottom: 4em;
+ spacing: 12px;
+ padding: 12px 18px; }
+
+.ws-switcher-indicator {
+ background-color: rgba(255, 255, 255, 0.5);
+ padding: 2.6666666667px;
+ margin: 13.3333333333px;
+ border-radius: 32px; }
+ .ws-switcher-indicator:active {
+ background-color: #ffffff;
+ padding: 5.3333333333px;
+ margin: 10.6666666667px; }
+
+.screenshot-ui-panel {
+ border-radius: 32px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px; }
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
+ .screenshot-ui-close-button.left {
+ margin-left: 12px; }
+ .screenshot-ui-close-button.right {
+ margin-right: 12px; }
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px;
+ border-radius: 14px; }
+ .screenshot-ui-type-button .icon-label-button-container {
+ spacing: 0.409em; }
+ .screenshot-ui-type-button .icon-label-button-container > StIcon {
+ icon-size: 32px; }
+
+.screenshot-ui-capture-button {
+ width: 32px;
+ height: 32px;
+ border-radius: 999px;
+ border: 4px #ffffff;
+ padding: 4px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #ffffff;
+ transition-duration: 200ms;
+ border-radius: 999px; }
+ .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: #e1e1e7; }
+ .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #cccccc; }
+ .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: gray; }
+ .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #c01c28; }
+ .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #d61f2d; }
+ .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #a11722; }
+
+.screenshot-ui-shot-cast-container {
+ background-color: rgba(255, 255, 255, 0.1);
+ border-radius: 999px;
+ padding: 3px;
+ spacing: 3px; }
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 999px; }
+ .screenshot-ui-shot-cast-button > StIcon {
+ icon-size: 16px; }
+ .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .screenshot-ui-shot-cast-button:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+ .screenshot-ui-shot-cast-button:checked {
+ background-color: #ffffff;
+ color: #2e2e33; }
+ .screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px white; }
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 999px;
+ background-color: white;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
+ width: 24px;
+ height: 24px; }
+
+.screenshot-ui-window-selector {
+ background-color: #222226; }
+ .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px; }
+ .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 16px;
+ border: 6px transparent; }
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 999px;
+ border-width: 12px;
+ icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+ border-color: st-darken(-st-accent-color, 15%); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+ border-color: -st-accent-color;
+ background-color: st-transparentize(-st-accent-color, 0.8); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+ color: -st-accent-fg-color;
+ background-color: -st-accent-color; }
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5); }
+ .screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3); }
+ .screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7); }
+ .screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px white; }
+
+.screenshot-ui-tooltip {
+ text-align: center;
+ -y-offset: 24px; }
+
+/* Top Bar */
+#panel {
+ background-color: #fafafb;
+ font-weight: bold;
+ height: 2.2em;
- .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
++ transition-duration: 250ms;
++ box-shadow: inset 0 -0.5px 0 0 rgba(34, 34, 38, 0.1); }
+ #panel .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #222226;
+ box-shadow: inset 0 0 0 100px transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px; }
+ #panel .panel-button:focus, #panel .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.17); }
+ #panel .panel-button:active, #panel .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.28); }
+ #panel .panel-button:active:hover, #panel .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.32); }
+ #panel .panel-button .system-status-icon {
+ icon-size: 1.091em;
+ padding: 0 6px;
+ margin: 0 4px; }
+ #panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic; }
+ #panel .panel-button .panel-status-menu-box,
+ #panel .panel-button .panel-status-indicators-box {
+ spacing: 4px; }
+ #panel .panel-button .panel-status-menu-box > .system-status-icon,
+ #panel .panel-button .panel-status-indicators-box > .system-status-icon {
+ padding: 0; }
+ #panel .panel-button#panelActivities StBoxLayout {
+ padding: 0 0.2045em;
+ spacing: 5px; }
+ #panel .panel-button#panelActivities .workspace-dot {
+ border-radius: 999px;
+ min-width: 0.5455em;
+ min-height: 0.5455em;
+ background-color: #222226; }
+ #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+ spacing: 0.409em; }
+ #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+ icon-size: 1.091em; }
+ #panel .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #aa1923; }
+ #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #981620; }
+ #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #8f151e; }
+ #panel .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #e66100; }
+ #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #cd5600; }
+ #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #b84e00; }
+ #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ae4900; }
+ #panel .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #222226;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.17); }
+ #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.28); }
+ #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.32); }
+ #panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.17); }
+ #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.28); }
+ #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(34, 34, 38, 0.32); }
+ #panel .panel-button.clock-display .messages-indicator {
+ icon-size: 1.091em; }
+ #panel:overview, #panel.unlock-screen, #panel.login-screen {
+ background-color: transparent; }
+ #panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #c01c28; }
+ #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
+ box-shadow: inset 0 0 0 100px #aa1923; }
+ #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
+ box-shadow: inset 0 0 0 100px #981620; }
+ #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #8f151e; }
+ #panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px #e66100; }
+ #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
+ box-shadow: inset 0 0 0 100px #cd5600; }
+ #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
+ box-shadow: inset 0 0 0 100px #b84e00; }
+ #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
+ box-shadow: inset 0 0 0 100px #ae4900; }
+ #panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #ffffff;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
+ #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
+ #panel:overview .panel-button {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px transparent; }
+ #panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button:active, #panel:overview .panel-button:checked {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel:overview .panel-button#panelActivities .workspace-dot {
+ background-color: #fafafb; }
+ #panel:overview .panel-button.clock-display {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ background-color: transparent;
+ border-radius: 999px;
+ font-weight: bold;
+ color: #fafafb;
+ box-shadow: inset 0 0 0 100px transparent;
+ background: none !important;
+ box-shadow: none !important;
+ border: none !important; }
+ #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel:overview .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 3px solid transparent;
+ border-radius: 999px; }
+ #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.17); }
+ #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.28); }
+ #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
+ box-shadow: inset 0 0 0 100px rgba(250, 250, 251, 0.32); }
+ #panel .panel-status-indicators-box,
+ #panel .panel-status-menu-box {
+ spacing: 2px; }
+ #panel .power-status.panel-status-indicators-box {
+ spacing: 0; }
+ #panel .privacy-indicator {
+ color: #e66100; }
+
+#appMenu {
+ spacing: 0.409em; }
+ #appMenu .label-shadow {
+ color: transparent; }
+
+#appMenu .panel-status-menu-box {
+ padding: 0 0.409em;
+ spacing: 0.409em; }
+
+.clock-display-box {
+ spacing: 2px; }
+ .clock-display-box .clock {
+ padding-left: 0.818em;
+ padding-right: 0.818em; }
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0; }
+ .ripple-box:rtl {
+ border-radius: 0 0 0 52px; }
+
+.quick-settings {
+ padding: 18px;
+ border-radius: 36px; }
- .quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
++ .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
+ .quick-settings .message .message-header .message-close-button,
+ .message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
+ padding: 10.5px; }
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px; }
+
+.quick-toggle, .quick-toggle-has-menu {
+ border-radius: 999px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 3.273em; }
+
+.quick-toggle {
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */ }
+ .quick-toggle > StBoxLayout {
+ spacing: 9px; }
+ .quick-toggle.button {
+ padding: 0; }
+ .quick-toggle > StBoxLayout {
+ padding: 0 12px; }
+ .quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px; }
+ .quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px; }
+ .quick-toggle .quick-toggle-subtitle {
+ font-weight: normal; }
+ .quick-toggle .quick-toggle-icon {
+ icon-size: 1.091em; }
+
+.quick-toggle-has-menu .quick-toggle {
+ min-width: auto;
+ max-width: auto; }
+ .quick-toggle-has-menu .quick-toggle:ltr {
+ border-radius: 999px 0 0 999px; }
+ .quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
+ padding-right: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:rtl {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle:rtl > StBoxLayout {
+ padding-left: 0.6135em; }
+ .quick-toggle-has-menu .quick-toggle:ltr:last-child {
+ border-radius: 999px; }
+ .quick-toggle-has-menu .quick-toggle:rtl:last-child {
+ border-radius: 999px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ padding: 0.409em 0.71575em; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:ltr {
+ border-radius: 0 999px 999px 0; }
+ .quick-toggle-has-menu .quick-toggle-menu-button:rtl {
+ border-radius: 999px 0 0 999px; }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ width: 1px; }
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+ color: #222226;
+ background-color: st-mix(#222226, #ececf0, 12%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#222226, #ececf0, 12%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #ececf0, 12%), 4%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:hover {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #ececf0, 12%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active {
+ color: #222226;
+ background-color: st-darken(st-mix(#222226, #ececf0, 12%), 9%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:hover {
+ background-color: st-darken(st-darken(st-mix(#222226, #ececf0, 12%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #ececf0, 12%), 9%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked {
+ color: -st-accent-fg-color;
+ background-color: st-mix(-st-accent-color, #222226, 92%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus {
+ color: -st-accent-fg-color;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ box-shadow: inset 0 0 0 2px st-transparentize(st-darken(-st-accent-color, 20%), 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(-st-accent-color, #222226, 92%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(-st-accent-color, #222226, 92%), 4%), 5%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+ color: -st-accent-fg-color;
+ background-color: st-darken(st-mix(-st-accent-color, #222226, 92%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active {
+ color: -st-accent-fg-color;
+ background-color: st-darken(st-mix(-st-accent-color, #222226, 92%), 9%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:hover {
+ background-color: st-darken(st-darken(st-mix(-st-accent-color, #222226, 92%), 9%), 4%); }
+ .quick-toggle-has-menu .quick-toggle-menu-button:checked:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(-st-accent-color, #222226, 92%), 9%), 5%); }
+
+.quick-toggle-has-menu:checked .quick-toggle-separator {
+ background-color: st-mix(-st-accent-fg-color, -st-accent-color, 20%); }
+
+.quick-toggle-has-menu .quick-toggle-separator {
+ background-color: rgba(34, 34, 38, 0.25); }
+
+.quick-slider > StBoxLayout {
+ spacing: 6px; }
+
- .background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
++.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
+.quick-slider .message .message-header .message-close-button,
+.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
+ padding: 6px; }
+
+.quick-slider .slider-bin {
+ padding: 6px;
+ border-radius: 999px; }
+ .quick-slider .slider-bin:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#222226, #fafafb, 12%), 5%); }
+ .quick-slider .slider-bin:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 4%), 5%); }
+
+.quick-toggle-menu {
+ border-radius: 24px;
+ margin: 12px 18px 0; }
+ .quick-toggle-menu:insensitive {
+ color: #222226;
+ background-color: st-mix(#222226, #fafafb, 12%); }
+ .quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+ icon-size: 1.091em; }
+ .quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px; }
+ .quick-toggle-menu .header .icon {
+ icon-size: 1.6365em;
+ border-radius: 999px;
+ padding: 9px;
+ background-color: rgba(34, 34, 38, 0.2); }
+ .quick-toggle-menu .header .icon.active {
+ background-color: -st-accent-color;
+ color: -st-accent-fg-color; }
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px; }
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0; }
+ .quick-settings-system-item .power-item:insensitive {
+ color: #222226;
+ background-color: st-mix(#222226, #fafafb, 12%);
+ background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 0.5455em; }
+
+.bt-device-item .popup-menu-icon {
+ -st-icon-style: symbolic; }
+
+.bt-menu-placeholder.popup-menu-item {
+ text-align: center;
+ padding: 2em 4em; }
+
+.device-subtitle {
+ color: rgba(34, 34, 38, 0.5); }
+
+.keyboard-brightness-level {
+ spacing: 6px; }
+
+.background-apps-quick-toggle {
+ min-height: 2.728em;
+ background-color: transparent; }
+ .background-apps-quick-toggle StIcon {
+ icon-size: 1.091em !important; }
+
+.background-app-item .popup-menu-icon {
+ icon-size: 32px !important;
+ -st-icon-style: regular !important; }
+
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
++.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
+.background-app-item .message .message-header .message-close-button,
+.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
+ padding: 6px;
+ background-color: rgba(34, 34, 38, 0.13); }
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
++ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
+ .background-app-item .message .message-header .message-close-button:hover,
+ .message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
+ background-color: rgba(34, 34, 38, 0.22); }
- color: #949497; }
++ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
+ .background-app-item .message .message-header .message-close-button:active,
+ .message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
+ background-color: rgba(34, 34, 38, 0.31); }
+
+.background-app-item .spinner {
+ padding: 6px; }
+
+.background-app-item.popup-inactive-menu-item {
+ color: #222226; }
+
+/* OVERVIEW */
+.secondary-monitor-workspaces {
+ spacing: 12px; }
+
+#overviewGroup {
+ background-color: #222226; }
+
+/* Window Picker */
+.window-picker {
+ spacing: 6px; }
+
+.window-close, .screenshot-ui-close-button {
+ background-color: rgba(63, 63, 70, 0.98);
+ color: #fafafb;
+ border-radius: 999px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+ padding: 3px;
+ height: 32px;
+ width: 32px;
+ transition-duration: 100ms;
+ border: 2px solid transparent; }
+ .window-close StIcon, .screenshot-ui-close-button StIcon {
+ icon-size: 24px; }
+ .window-close:hover, .screenshot-ui-close-button:hover {
+ background-color: rgba(80, 80, 89, 0.98); }
+ .window-close:active, .screenshot-ui-close-button:active {
+ background-color: rgba(94, 94, 105, 0.98); }
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: rgba(3, 2, 1, 0);
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
+
+.search-entry {
+ border-radius: 999px;
+ margin-top: 12px;
+ margin-bottom: 6px;
+ width: 24em; }
+ .search-entry .search-entry-icon {
+ icon-size: 1.091em;
+ margin-top: 2px;
+ padding: 0 4px; }
+
+/* Search */
+#searchResults {
+ margin: 0 4px; }
+
+#searchResultsContent {
+ max-width: 1044px; }
+
+.search-section {
+ spacing: 18px; }
+ .search-section .search-section-separator {
+ height: 8px;
+ background-color: transparent; }
+
+.search-section-content {
+ background-color: #38383b;
+ color: #fafafb;
+ border-radius: 24px;
+ padding: 12px;
+ margin: 0 12px;
+ border: 2px solid transparent; }
+
+.list-search-result, .search-provider-icon {
+ color: #fafafb;
+ background-color: #38383b;
+ background-color: transparent;
+ border-radius: 13.2px; }
+ .list-search-result:focus, .search-provider-icon:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(56, 56, 59, 0.25), 5%); }
+ .list-search-result:focus:hover, .search-provider-icon:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 7%), 5%); }
+ .list-search-result:hover, .search-provider-icon:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .list-search-result:active, .search-provider-icon:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .list-search-result:active:hover, .search-provider-icon:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .list-search-result:active:focus, .search-provider-icon:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 9%), 5%); }
+ .list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ .list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ .list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ .list-search-result:insensitive, .search-provider-icon:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: #38383b; }
+ .list-search-result:drop, .search-provider-icon:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.search-statustext {
+ color: rgba(250, 250, 251, 0.8); }
+
+.grid-search-results {
+ spacing: 30px; }
+
+.search-provider-icon:ltr {
+ margin-right: 4px; }
+
+.search-provider-icon:rtl {
+ margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px; }
+ .search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ color: #fafafb; }
+
+.list-search-results {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-content {
+ spacing: 6px; }
+
+.list-search-result .list-search-result-title {
+ spacing: 12px; }
+
+.list-search-result .list-search-result-description {
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
++ color: #afafb1; }
+
+/* Dash */
+#dash {
+ padding-left: 6px;
+ padding-right: 6px; }
+ #dash .dash-background {
+ background-color: #38383b;
+ border-radius: 28px;
+ padding-top: 12px;
+ padding-bottom: 12px;
+ padding-left: 10px;
+ padding-right: 10px; }
+ #dash .dash-item-container .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px; }
+ #dash .dash-item-container .empty-dash-drop-target {
+ width: 32px;
+ height: 32px; }
+ #dash .dash-item-container .show-apps,
+ #dash .dash-item-container .overview-tile,
+ #dash .dash-item-container .grid-search-result {
+ margin: 0 2px;
+ padding-bottom: 12px; }
+ #dash .dash-item-container .show-apps .overview-icon,
+ #dash .dash-item-container .overview-tile .overview-icon,
+ #dash .dash-item-container .grid-search-result .overview-icon {
+ color: #fafafb;
+ background-color: #38383b; }
+ #dash .dash-item-container .show-apps:focus .overview-icon,
+ #dash .dash-item-container .overview-tile:focus .overview-icon,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(56, 56, 59, 0.25), 5%); }
+ #dash .dash-item-container .show-apps:focus .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:focus .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 7%), 5%); }
+ #dash .dash-item-container .show-apps:hover .overview-icon,
+ #dash .dash-item-container .overview-tile:hover .overview-icon,
+ #dash .dash-item-container .grid-search-result:hover .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ #dash .dash-item-container .show-apps:active .overview-icon,
+ #dash .dash-item-container .overview-tile:active .overview-icon,
+ #dash .dash-item-container .grid-search-result:active .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:active .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ #dash .dash-item-container .show-apps:active .overview-icon:focus,
+ #dash .dash-item-container .overview-tile:active .overview-icon:focus,
+ #dash .dash-item-container .grid-search-result:active .overview-icon:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 9%), 5%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon,
+ #dash .dash-item-container .overview-tile:checked .overview-icon,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:hover,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:hover,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ #dash .dash-item-container .show-apps:checked .overview-icon:active,
+ #dash .dash-item-container .overview-tile:checked .overview-icon:active,
+ #dash .dash-item-container .grid-search-result:checked .overview-icon:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ #dash .dash-item-container .app-grid-running-dot {
+ offset-y: -12px; }
+ #dash .dash-separator {
+ width: 1px;
+ margin-left: 4px;
+ margin-right: 4px;
+ background-color: rgba(250, 250, 251, 0.1); }
+ #dash .dash-separator,
+ #dash .dash-background {
+ margin-bottom: 12px; }
+
+.dash-label {
+ -y-offset: 8px; }
+
+/* App Grid */
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 36px;
+ max-column-spacing: 36px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 18px;
+ page-padding-right: 18px; }
+
+/* App Icons */
+.overview-tile, .grid-search-result {
+ color: #fafafb;
+ background-color: #222226;
+ background-color: transparent;
+ border-radius: 24px;
+ padding: 12px; }
+ .overview-tile:focus, .grid-search-result:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.25), 5%); }
+ .overview-tile:focus:hover, .grid-search-result:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#222226, 7%), 5%); }
+ .overview-tile:hover, .grid-search-result:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .overview-tile:active, .grid-search-result:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .overview-tile:active:hover, .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .overview-tile:active:focus, .grid-search-result:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#222226, 9%), 5%); }
+ .overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 8%); }
+ .overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#222226, 8%), 7%); }
+ .overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#222226, 8%), 9%); }
+ .overview-tile:insensitive, .grid-search-result:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: #222226; }
+ .overview-tile:drop, .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+ .overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+ spacing: 6px; }
+
+.app-folder {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 12%); }
+ .app-folder:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#fafafb, #222226, 12%), 5%); }
+ .app-folder:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 4%), 5%); }
+ .app-folder:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 4%); }
+ .app-folder:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 9%); }
+ .app-folder:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
+ .app-folder:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
+ .app-folder:highlighted, .app-folder:selected, .app-folder:checked {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 8%); }
+ .app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 8%), 4%); }
+ .app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 8%), 9%); }
+ .app-folder:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: st-darken(st-mix(#fafafb, #222226, 12%), 3%); }
+ .app-folder:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.app-grid-running-dot {
+ height: 5px;
+ width: 5px;
+ border-radius: 5px;
+ background-color: #fafafb;
+ offset-y: 6px; }
+
+.app-folder-dialog-container {
+ padding-top: 2.2em; }
+
+.app-folder-dialog {
+ width: 720px;
+ height: 720px;
+ border-radius: 64px;
+ background-color: #38383b;
+ color: #fafafb;
+ padding: 0 1px;
+ box-shadow: inset 0 0 0 1px rgba(250, 250, 251, 0.1); }
+ .app-folder-dialog .folder-name-container {
+ padding: 24px 36px;
+ padding-bottom: 0; }
+ .app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 12em; }
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
++ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
+ .app-folder-dialog .message .message-header .message-close-button,
+ .message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #38383b, 12%); }
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
++ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
+ .app-folder-dialog .message .message-header .message-close-button:hover,
+ .message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #38383b, 12%), 4%); }
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
++ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
+ .app-folder-dialog .message .message-header .message-close-button:active,
+ .message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #38383b, 12%), 9%); }
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
++ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
+ .app-folder-dialog .message .message-header .message-close-button:active:hover,
+ .message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #38383b, 12%), 9%), 4%); }
++ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
+ .app-folder-dialog .message .message-header .message-close-button:active:focus,
+ .message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #38383b, 12%), 9%), 5%); }
+ .app-folder-dialog .page-indicators {
+ margin-bottom: 24px; }
+ .app-folder-dialog .page-navigation-arrow {
+ color: #fafafb;
+ background-color: #38383b; }
+ .app-folder-dialog .page-navigation-arrow:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .app-folder-dialog .page-navigation-arrow:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .app-folder-dialog .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .app-folder-dialog .page-navigation-arrow:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 9%), 5%); }
+ .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
+ color: #fafafb;
+ background-color: #38383b;
+ background-color: transparent; }
+ .app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(56, 56, 59, 0.25), 5%); }
+ .app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 7%), 5%); }
+ .app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 7%); }
+ .app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 9%); }
+ .app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
+ background-color: st-lighten(st-lighten(#38383b, 9%), 7%); }
+ .app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#38383b, 9%), 5%); }
+ .app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
+ color: #fafafb;
+ background-color: st-lighten(#38383b, 8%); }
+ .app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 7%); }
+ .app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
+ background-color: st-lighten(st-lighten(#38383b, 8%), 9%); }
+ .app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
+ color: st-transparentize(#fafafb, 0.6);
+ background-color: #38383b; }
+ .app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
+ background-color: st-transparentize(-st-accent-color, 0.8);
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2); }
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px; }
+ .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px; }
+
+.page-indicator {
+ padding: 6px 12px 0;
+ transition-duration: 400ms; }
+ .page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 999px;
+ background-color: #fafafb;
+ transition-duration: 400ms; }
+
+.apps-scroll-view {
+ padding: 0; }
+
+.system-action-icon {
+ background-color: rgba(250, 250, 251, 0.1);
+ color: #fafafb;
+ border-radius: 999px;
+ icon-size: 48px; }
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+ color: #fafafb;
+ background-color: #222226; }
+ .page-navigation-arrow > StIcon {
+ color: #fafafb; }
+ .page-navigation-arrow:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .page-navigation-arrow:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .page-navigation-arrow:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .page-navigation-arrow:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#222226, 9%), 5%); }
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px; }
+ .workspace-thumbnails .workspace-thumbnail {
+ color: #fafafb;
+ background-color: #46464e;
+ border-radius: 4px;
+ border: 1px solid transparent; }
+ .workspace-thumbnails .placeholder {
+ background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
+ background-size: contain;
+ width: 18px; }
+
+.workspace-thumbnail-indicator {
+ border: 3px solid -st-accent-color;
+ border-radius: 8px; }
+
+.ripple-pointer-location {
+ width: 50px;
+ height: 50px;
+ border-radius: 25px;
+ background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 30%);
+ box-shadow: 0 0 2px 2px st-lighten(-st-accent-color, 20%); }
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: -st-accent-color;
+ -pie-background-color: st-lighten(st-transparentize(-st-accent-color, 0.7), 40%); }
+
+.magnifier-zoom-region {
+ border: 2px solid -st-accent-color; }
+ .magnifier-zoom-region.full-screen {
+ border-width: 0; }
+
+.select-area-rubberband {
+ background-color: st-transparentize(-st-accent-color, 0.7);
+ border: 1px solid -st-accent-color; }
+
+.user-icon {
+ background-size: contain;
+ border-radius: 999px;
+ icon-size: 64px;
+ background-color: rgba(34, 34, 38, 0.05);
+ color: #222226; }
+ .user-icon StIcon {
+ padding: 12px; }
+ .user-icon.user-avatar {
+ box-shadow: inset 0 0 0 1px rgba(34, 34, 38, 0.1); }
+
+.lightbox {
+ background-color: black; }
+
+.flashspot {
+ background-color: white; }
+
+.hidden {
+ color: transparent; }
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ color: #e5a50a; }
+
+/* Workspace animation */
+.workspace-animation {
+ background-color: #2e2e33; }
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: st-transparentize(-st-accent-color, 0.5);
+ border: 1px solid -st-accent-color; }
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #2e2e33;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
+ #keyboard .page-indicator {
+ padding: 6px; }
+ #keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px; }
+
+.key-container {
+ padding: 4px;
+ spacing: 4px; }
+
+.keyboard-key {
+ font-size: 1.455em;
+ font-weight: bold;
+ border-radius: 0.546em;
+ box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #4d4d4d, 12%); }
+ .keyboard-key:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#222226, #fafafb, 12%), 5%); }
+ .keyboard-key:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 4%), 5%); }
+ .keyboard-key:hover {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 4%); }
+ .keyboard-key:active {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%); }
+ .keyboard-key:active:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%), 4%); }
+ .keyboard-key:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%), 5%); }
+ .keyboard-key:checked {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%); }
+ .keyboard-key:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%), 4%); }
+ .keyboard-key:checked:active {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%), 9%); }
+ .keyboard-key.default-key {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #303030, 12%);
+ border: none; }
+ .keyboard-key.default-key:hover {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #303030, 12%), 4%); }
+ .keyboard-key.default-key:active {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #303030, 12%), 9%); }
+ .keyboard-key.default-key:active:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #303030, 12%), 9%), 4%); }
+ .keyboard-key.default-key:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#ffffff, #303030, 12%), 9%), 5%); }
+ .keyboard-key.default-key:checked {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #303030, 12%), 8%); }
+ .keyboard-key.default-key:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #303030, 12%), 8%), 4%); }
+ .keyboard-key.default-key:checked:active {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #303030, 12%), 8%), 9%); }
+ .keyboard-key.default-key:latched {
+ background-color: -st-accent-color; }
+ .keyboard-key StIcon {
+ icon-size: 1.6365em; }
+
+.keyboard-subkeys-boxpointer {
+ -arrow-border-radius: 22px;
+ -arrow-background-color: #2e2e33;
+ -arrow-border-width: 1px;
+ -arrow-border-color: #44444c;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 4px;
+ border-radius: 22px;
+ box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }
+ .keyboard-subkeys-boxpointer .key-container {
+ padding: 12px;
+ spacing: 8px; }
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial; }
+
+.emoji-panel .keyboard-key:latched {
+ border-color: st-lighten(-st-accent-color, 5%);
+ background-color: -st-accent-color; }
+
+.word-suggestions {
+ spacing: 12px;
+ min-height: 17pt;
+ padding: 12px;
+ color: #ffffff; }
+ .word-suggestions StButton {
+ margin: 0 3px;
+ min-width: 32px;
+ border-radius: 4px;
+ padding: 6px 18px;
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none; }
+ .word-suggestions StButton:insensitive {
+ background-color: transparent !important; }
+ .word-suggestions StButton:focus {
+ color: #222226;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#222226, #fafafb, 12%), 5%); }
+ .word-suggestions StButton:focus:hover {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 4%), 5%); }
+ .word-suggestions StButton:hover {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 4%); }
+ .word-suggestions StButton:active {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%); }
+ .word-suggestions StButton:active:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%), 4%); }
+ .word-suggestions StButton:active:focus {
+ background-color: st-mix(-st-accent-color, st-darken(st-mix(#ffffff, #4d4d4d, 12%), 9%), 5%); }
+ .word-suggestions StButton:checked {
+ color: #ffffff;
+ background-color: st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%); }
+ .word-suggestions StButton:checked:hover {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%), 4%); }
+ .word-suggestions StButton:checked:active {
+ background-color: st-darken(st-darken(st-mix(#ffffff, #4d4d4d, 12%), 8%), 9%); }
+
+/* Looking Glass */
+.lg-dialog StEntry {
+ min-height: 1.5em; }
+
+.lg-dialog .shell-link {
+ color: st-lighten(-st-accent-color, 20%); }
+ .lg-dialog .shell-link:hover {
+ color: st-lighten(st-lighten(-st-accent-color, 20%), 10%); }
+ .lg-dialog .shell-link:active {
+ color: st-darken(st-lighten(-st-accent-color, 20%), 10%); }
+
+.lg-dialog .actor-link {
+ color: st-darken(#ffffff, 20%); }
+ .lg-dialog .actor-link:hover {
+ color: #ffffff; }
+ .lg-dialog .actor-link:active {
+ color: st-lighten(#ffffff, 20%); }
+ .lg-dialog .actor-link StIcon {
+ icon-size: 12px; }
+
+.lg-completions-text {
+ font-style: italic; }
+
+#LookingGlassDialog {
+ background-color: rgba(46, 46, 51, 0.98);
+ color: #ffffff;
+ border-radius: 16px;
+ margin-top: 4px;
+ border: 2px solid transparent;
+ padding: 6px;
+ spacing: 6px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
+ #LookingGlassDialog > #Toolbar {
+ border: none;
+ padding: 6px;
+ border-radius: 0;
+ background-color: transparent;
+ spacing: 6px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ padding: 6px 12px; }
+ #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+ icon-size: 16px; }
+ #LookingGlassDialog .labels {
+ spacing: 6px; }
+ #LookingGlassDialog .notebook-tab {
+ background-color: transparent;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 12px;
+ padding: 6px 12px; }
+ #LookingGlassDialog .notebook-tab:selected {
+ color: #ffffff;
+ background-color: st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%); }
+ #LookingGlassDialog .notebook-tab:selected:hover {
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%), 4%); }
+ #LookingGlassDialog .notebook-tab:selected:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#ffffff, #2e2e33, 12%), 9%), 5%); }
+
+#LookingGlassPropertyInspector {
+ background-color: #2e2e33;
+ color: #ffffff;
+ border-radius: 16px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ padding: 12px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-title {
+ spacing: 4px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
+ #LookingGlassPropertyInspector .lg-obj-inspector-button {
+ padding: 6px 12px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button {
+ margin: 4px;
+ padding: 6px;
+ border-radius: 999px; }
+ #LookingGlassPropertyInspector .lg-obj-inspector-close-button > StIcon {
+ icon-size: 16px; }
+
+#LookingGlassEvaluator {
+ padding: 6px; }
+ #LookingGlassEvaluator .evaluator-results {
+ spacing: 6px; }
+
+#LookingGlassWindows {
+ padding: 6px;
+ spacing: 6px; }
+ #LookingGlassWindows .lg-window {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 12%);
+ margin: 0;
+ padding: 12px; }
+
+#LookingGlassExtensions .lg-extensions-list {
+ padding: 6px;
+ spacing: 6px; }
+
+#LookingGlassExtensions .lg-extension {
+ color: #ffffff;
+ background-color: st-mix(#ffffff, #2e2e33, 12%);
+ margin: 0;
+ spacing: 4px;
+ padding: 12px; }
+ #LookingGlassExtensions .lg-extension .lg-extension-name {
+ color: #ffffff !important; }
+ #LookingGlassExtensions .lg-extension .lg-extension-meta {
+ spacing: 12px; }
+
+#LookingGlassExtensions .lg-extensions-none {
+ color: rgba(255, 255, 255, 0.5); }
+
+#LookingGlassActors {
+ padding: 6px;
+ spacing: 4px; }
+
+#LookingGlassDebugFlags .lg-debug-flags-header {
+ padding: 6px;
+ padding-top: 12px; }
+
+#LookingGlassDebugFlags .lg-debug-flag-button {
+ padding: 9px 12px;
+ margin-bottom: 6px; }
+ #LookingGlassDebugFlags .lg-debug-flag-button StLabel {
+ font-weight: normal !important; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch {
+ background: rgba(255, 255, 255, 0.15); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:hover {
+ background: rgba(255, 255, 255, 0.2); }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked {
+ background: -st-accent-color;
+ color: -st-accent-fg-color; }
+ #LookingGlassDebugFlags .lg-debug-flag-button .toggle-switch:checked:hover {
+ background-color: st-lighten(-st-accent-color, 5%);
+ color: st-lighten(-st-accent-fg-color, 5%); }
+
+.login-dialog,
+.unlock-dialog {
+ color: #fafafb; }
+ .login-dialog .caps-lock-warning-label,
+ .login-dialog .login-dialog-message-warning,
+ .unlock-dialog .caps-lock-warning-label,
+ .unlock-dialog .login-dialog-message-warning {
+ color: #fafafb; }
+ .login-dialog .login-dialog-prompt-layout,
+ .unlock-dialog .login-dialog-prompt-layout {
+ width: 25em;
+ spacing: 9px; }
+
+.login-dialog-button.cancel-button {
+ padding: 9px; }
+
+.login-dialog-button-box {
+ spacing: 12px; }
+
+.conflicting-session-dialog-content {
+ spacing: 20px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-title {
+ text-align: center;
+ margin-bottom: 5px; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc {
+ text-align: center; }
+ .conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
+ text-align: center;
+ color: #e5a50a; }
+
+.login-dialog-logo-bin {
+ margin: 3em 0; }
+
+.login-dialog-banner-view {
+ max-width: 25em; }
+ .login-dialog-banner-view .login-dialog-banner {
+ color: #dedee4; }
+
+.login-dialog-message {
+ text-align: center; }
+
+.login-dialog-message-hint, .login-dialog-message {
+ color: #dedee4;
+ min-height: 2.75em; }
+
+.login-dialog-user-selection-box {
+ padding-top: 4em;
+ padding-bottom: 8em; }
+
+.login-dialog-not-listed-label {
+ padding: 6px; }
+
+.login-dialog-not-listed-button {
+ color: #fafafb;
+ background-color: #222226;
+ padding: 0 6px;
+ margin: 6px; }
+ .login-dialog-not-listed-button:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, rgba(34, 34, 38, 0.25), 5%); }
+ .login-dialog-not-listed-button:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(#222226, 7%), 5%); }
+ .login-dialog-not-listed-button:hover {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 7%); }
+ .login-dialog-not-listed-button:active {
+ color: #fafafb;
+ background-color: st-lighten(#222226, 9%); }
+ .login-dialog-not-listed-button:active:hover {
+ background-color: st-lighten(st-lighten(#222226, 9%), 7%); }
+ .login-dialog-not-listed-button:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(#222226, 9%), 5%); }
+
+.login-dialog-auth-list-view {
+ -st-vfade-offset: 3em; }
+
+.login-dialog-auth-list {
+ spacing: 6px;
+ margin-left: 2em; }
+
+.login-dialog-auth-list-title {
+ margin-left: 2em;
+ padding-bottom: 6px; }
+
+.login-dialog .login-dialog-auth-list-item {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 12%);
+ border-radius: 9.6px;
+ padding: 7.2px; }
+ .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#fafafb, #222226, 12%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 4%), 5%); }
+ .login-dialog .login-dialog-auth-list-item:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 4%); }
+ .login-dialog .login-dialog-auth-list-item:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 9%); }
+ .login-dialog .login-dialog-auth-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
+ .login-dialog .login-dialog-auth-list-item:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
+
+.unlock-dialog .login-dialog-auth-list-item {
+ border-radius: 9.6px;
+ padding: 7.2px; }
+
+.login-dialog-auth-list-label:ltr {
+ padding-left: 15px;
+ text-align: left; }
+
+.login-dialog-auth-list-label:rtl {
+ padding-right: 15px;
+ text-align: right; }
+
+.login-dialog-user-list-view {
+ width: 25em;
+ -st-vfade-offset: 3em; }
+ .login-dialog-user-list-view .login-dialog-user-list {
+ margin: 0 8px;
+ spacing: 12px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
+ color: #fafafb;
+ background-color: st-mix(#fafafb, #222226, 12%);
+ border-radius: 16px;
+ padding: 9px; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
+ color: #fafafb;
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
+ background-color: st-mix(-st-accent-color, st-mix(#fafafb, #222226, 12%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 4%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 4%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
+ color: #fafafb;
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 9%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
+ border: 2px solid transparent; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin-top: 6px;
+ background-color: rgba(250, 250, 251, 0.7); }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
+ border-color: -st-accent-color; }
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
+ background-color: st-transparentize(-st-accent-color, 0.7); }
+
+.unlock-dialog {
+ background-color: transparent; }
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup {
+ background-color: #222226; }
+
+.unlock-dialog-clock {
+ color: #fafafb;
+ spacing: 2em; }
+ .unlock-dialog-clock .unlock-dialog-clock-time {
+ font-size: 6.546em;
+ font-weight: 800; }
+ .unlock-dialog-clock .unlock-dialog-clock-date {
+ font-weight: 400; }
+ .unlock-dialog-clock .unlock-dialog-clock-hint {
+ margin-top: 2em;
+ padding: 6px 18px;
+ border-radius: 16px;
+ font-weight: bold; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(250, 250, 251, 0.3); }
+ #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(250, 250, 251, 0.5); }
+ #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: st-transparentize(-st-accent-color, 0.5); }
+
+.unlock-dialog-notifications-container {
+ margin: 12px;
+ spacing: 6px;
+ width: 25em;
+ background-color: transparent; }
+ .unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0; }
+ .unlock-dialog-notifications-container .notification,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 16px;
+ border: none;
+ background-color: rgba(250, 250, 251, 0.1);
+ color: #fafafb;
+ border-radius: 16px; }
+ .unlock-dialog-notifications-container .notification.critical,
+ .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: rgba(250, 250, 251, 0.2); }
+
+.unlock-dialog-notification-icon {
+ icon-size: 32px; }
+
+.unlock-dialog-notification-label {
+ padding-left: 12px;
+ padding-right: 0; }
+ .unlock-dialog-notification-label:rtl {
+ padding-right: 12px;
+ padding-left: 0; }
+
+.unlock-dialog-notification-count-text {
+ font-weight: bold;
+ padding: 0 12px;
+ color: #fafafb;
+ background-color: rgba(250, 250, 251, 0.1);
+ border-radius: 999px; }
+
+.login-dialog .user-widget .user-widget-label,
+.unlock-dialog .user-widget .user-widget-label {
+ color: #fafafb; }
+
+.login-dialog .user-widget .user-icon,
+.unlock-dialog .user-widget .user-icon {
+ background-color: rgba(250, 250, 251, 0.13);
+ color: #fafafb; }
+
+.login-dialog .user-widget.horizontal,
+.unlock-dialog .user-widget.horizontal {
+ spacing: 18px; }
+
+.login-dialog .user-widget.vertical,
+.unlock-dialog .user-widget.vertical {
+ spacing: 24px; }
+ .login-dialog .user-widget.vertical .user-widget-label,
+ .unlock-dialog .user-widget.vertical .user-widget-label {
+ font-weight: 400;
+ font-size: 1.818em;
+ text-align: center;
+ margin-bottom: .75em; }
+ .login-dialog .user-widget.vertical .user-icon,
+ .unlock-dialog .user-widget.vertical .user-icon {
+ icon-size: 160px; }
+ .login-dialog .user-widget.vertical .user-icon StIcon,
+ .unlock-dialog .user-widget.vertical .user-icon StIcon {
+ padding: 30px; }
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: CC0-1.0
++
++root = true
++
++[*]
++charset = utf-8
++end_of_line = lf
++
++indent_style = space
++trim_trailing_whitespace = true
++
++[*.[ch]]
++indent_size = 2
++
++[meson.build]
++indent_size = 2
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: CC0-1.0
++
++*~
++*.sw?
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++include:
++ - project: GNOME/citemplates
++ file: templates/default-rules.yml
++ - component: gitlab.gnome.org/GNOME/citemplates/gnomeos-basic-ci@master
++ inputs:
++ meson-sourcedir: test-project
++ run-tests: no # run tests ourselves to not disable x11 support
++ asan: disabled
++ before-script: mkdir -m 1777 /tmp/.X11-unix
++ - project: Infrastructure/freedesktop-ci-templates
++ file: templates/ci-fairy.yml
++
++stages:
++ - review
++ - build
++
++.skip-git-clone:
++ variables:
++ GIT_STRATEGY: none
++
++.only-merge-requests:
++ rules:
++ - if: '$CI_MERGE_REQUEST_TARGET_BRANCH_NAME =~ /^$/'
++ when: never
++ - if: $CI_MERGE_REQUEST_TARGET_BRANCH_NAME
++ when: on_success
++
++build-gnomeos:
++ extends: ".build-gnomeos common"
++ script:
++ - !reference [".build-gnomeos common", script]
++ - dbus-run-session
++ -- mutter --headless --wayland --virtual-monitor 1024x768
++ -- meson test -C ${_BUILDDIR} --print-errorlogs --no-stdsplit --no-rebuild --setup plain
++
++check-merge-request:
++ extends:
++ - .fdo.ci-fairy
++ - .skip-git-clone
++ stage: review
++ script:
++ ci-fairy check-merge-request --require-allow-collaboration --junit-xml=check-merge-request-report.xml
++ artifacts:
++ expire_in: 1 week
++ paths:
++ - check-merge-request-report.xml
++ reports:
++ junit: check-merge-request-report.xml
++ rules:
++ - !reference [.only-merge-requests, rules]
++
++check-commit-log:
++ extends:
++ - .fdo.ci-fairy
++ stage: review
++ script:
++ ci-fairy check-commits --junit-xml=commit-messages-report.xml
++ artifacts:
++ expire_in: 1 week
++ paths:
++ - commit-messages-report.xml
++ reports:
++ junit: commit-messages-report.xml
++ rules:
++ - !reference [.only-merge-requests, rules]
++
++check-reuse:
++ stage: review
++ image:
++ name: fsfe/reuse:latest
++ entrypoint: ['']
++ script:
++ - reuse lint
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++patterns:
++ deny:
++ - regex: '^[^:]+: [a-z]'
++ message: "Commit message subject should be properly Capitalized. E.g. 'window: Marginalize extradicity'"
++ where: subject
++ - regex: '^\S*\.(js|c|h):'
++ message: Commit message subject prefix should not include .c, .h etc.
++ where: subject
++ - regex: '([^.]\.|[:,;])\s*$'
++ message: Commit message subject should not end with punctuation
++ where: subject
++ - regex: '^[Cc]lose[sd]?:?\s*#[0-9]+'
++ message: Closes instructions must be a full link
++ - regex: '^[Ff]ix(e[sd]?)?:?\s*(#[0-9]+|https://)'
++ message: \"Fixes\" should be used with commits, use \"Closes\" for issues
--- /dev/null
--- /dev/null
++ GNU LESSER GENERAL PUBLIC LICENSE
++ Version 2.1, February 1999
++
++ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
++ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
++ Everyone is permitted to copy and distribute verbatim copies
++ of this license document, but changing it is not allowed.
++
++[This is the first released version of the Lesser GPL. It also counts
++ as the successor of the GNU Library Public License, version 2, hence
++ the version number 2.1.]
++
++ Preamble
++
++ The licenses for most software are designed to take away your
++freedom to share and change it. By contrast, the GNU General Public
++Licenses are intended to guarantee your freedom to share and change
++free software--to make sure the software is free for all its users.
++
++ This license, the Lesser General Public License, applies to some
++specially designated software packages--typically libraries--of the
++Free Software Foundation and other authors who decide to use it. You
++can use it too, but we suggest you first think carefully about whether
++this license or the ordinary General Public License is the better
++strategy to use in any particular case, based on the explanations below.
++
++ When we speak of free software, we are referring to freedom of use,
++not price. Our General Public Licenses are designed to make sure that
++you have the freedom to distribute copies of free software (and charge
++for this service if you wish); that you receive source code or can get
++it if you want it; that you can change the software and use pieces of
++it in new free programs; and that you are informed that you can do
++these things.
++
++ To protect your rights, we need to make restrictions that forbid
++distributors to deny you these rights or to ask you to surrender these
++rights. These restrictions translate to certain responsibilities for
++you if you distribute copies of the library or if you modify it.
++
++ For example, if you distribute copies of the library, whether gratis
++or for a fee, you must give the recipients all the rights that we gave
++you. You must make sure that they, too, receive or can get the source
++code. If you link other code with the library, you must provide
++complete object files to the recipients, so that they can relink them
++with the library after making changes to the library and recompiling
++it. And you must show them these terms so they know their rights.
++
++ We protect your rights with a two-step method: (1) we copyright the
++library, and (2) we offer you this license, which gives you legal
++permission to copy, distribute and/or modify the library.
++
++ To protect each distributor, we want to make it very clear that
++there is no warranty for the free library. Also, if the library is
++modified by someone else and passed on, the recipients should know
++that what they have is not the original version, so that the original
++author's reputation will not be affected by problems that might be
++introduced by others.
++\f
++ Finally, software patents pose a constant threat to the existence of
++any free program. We wish to make sure that a company cannot
++effectively restrict the users of a free program by obtaining a
++restrictive license from a patent holder. Therefore, we insist that
++any patent license obtained for a version of the library must be
++consistent with the full freedom of use specified in this license.
++
++ Most GNU software, including some libraries, is covered by the
++ordinary GNU General Public License. This license, the GNU Lesser
++General Public License, applies to certain designated libraries, and
++is quite different from the ordinary General Public License. We use
++this license for certain libraries in order to permit linking those
++libraries into non-free programs.
++
++ When a program is linked with a library, whether statically or using
++a shared library, the combination of the two is legally speaking a
++combined work, a derivative of the original library. The ordinary
++General Public License therefore permits such linking only if the
++entire combination fits its criteria of freedom. The Lesser General
++Public License permits more lax criteria for linking other code with
++the library.
++
++ We call this license the "Lesser" General Public License because it
++does Less to protect the user's freedom than the ordinary General
++Public License. It also provides other free software developers Less
++of an advantage over competing non-free programs. These disadvantages
++are the reason we use the ordinary General Public License for many
++libraries. However, the Lesser license provides advantages in certain
++special circumstances.
++
++ For example, on rare occasions, there may be a special need to
++encourage the widest possible use of a certain library, so that it becomes
++a de-facto standard. To achieve this, non-free programs must be
++allowed to use the library. A more frequent case is that a free
++library does the same job as widely used non-free libraries. In this
++case, there is little to gain by limiting the free library to free
++software only, so we use the Lesser General Public License.
++
++ In other cases, permission to use a particular library in non-free
++programs enables a greater number of people to use a large body of
++free software. For example, permission to use the GNU C Library in
++non-free programs enables many more people to use the whole GNU
++operating system, as well as its variant, the GNU/Linux operating
++system.
++
++ Although the Lesser General Public License is Less protective of the
++users' freedom, it does ensure that the user of a program that is
++linked with the Library has the freedom and the wherewithal to run
++that program using a modified version of the Library.
++
++ The precise terms and conditions for copying, distribution and
++modification follow. Pay close attention to the difference between a
++"work based on the library" and a "work that uses the library". The
++former contains code derived from the library, whereas the latter must
++be combined with the library in order to run.
++\f
++ GNU LESSER GENERAL PUBLIC LICENSE
++ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
++
++ 0. This License Agreement applies to any software library or other
++program which contains a notice placed by the copyright holder or
++other authorized party saying it may be distributed under the terms of
++this Lesser General Public License (also called "this License").
++Each licensee is addressed as "you".
++
++ A "library" means a collection of software functions and/or data
++prepared so as to be conveniently linked with application programs
++(which use some of those functions and data) to form executables.
++
++ The "Library", below, refers to any such software library or work
++which has been distributed under these terms. A "work based on the
++Library" means either the Library or any derivative work under
++copyright law: that is to say, a work containing the Library or a
++portion of it, either verbatim or with modifications and/or translated
++straightforwardly into another language. (Hereinafter, translation is
++included without limitation in the term "modification".)
++
++ "Source code" for a work means the preferred form of the work for
++making modifications to it. For a library, complete source code means
++all the source code for all modules it contains, plus any associated
++interface definition files, plus the scripts used to control compilation
++and installation of the library.
++
++ Activities other than copying, distribution and modification are not
++covered by this License; they are outside its scope. The act of
++running a program using the Library is not restricted, and output from
++such a program is covered only if its contents constitute a work based
++on the Library (independent of the use of the Library in a tool for
++writing it). Whether that is true depends on what the Library does
++and what the program that uses the Library does.
++
++ 1. You may copy and distribute verbatim copies of the Library's
++complete source code as you receive it, in any medium, provided that
++you conspicuously and appropriately publish on each copy an
++appropriate copyright notice and disclaimer of warranty; keep intact
++all the notices that refer to this License and to the absence of any
++warranty; and distribute a copy of this License along with the
++Library.
++
++ You may charge a fee for the physical act of transferring a copy,
++and you may at your option offer warranty protection in exchange for a
++fee.
++\f
++ 2. You may modify your copy or copies of the Library or any portion
++of it, thus forming a work based on the Library, and copy and
++distribute such modifications or work under the terms of Section 1
++above, provided that you also meet all of these conditions:
++
++ a) The modified work must itself be a software library.
++
++ b) You must cause the files modified to carry prominent notices
++ stating that you changed the files and the date of any change.
++
++ c) You must cause the whole of the work to be licensed at no
++ charge to all third parties under the terms of this License.
++
++ d) If a facility in the modified Library refers to a function or a
++ table of data to be supplied by an application program that uses
++ the facility, other than as an argument passed when the facility
++ is invoked, then you must make a good faith effort to ensure that,
++ in the event an application does not supply such function or
++ table, the facility still operates, and performs whatever part of
++ its purpose remains meaningful.
++
++ (For example, a function in a library to compute square roots has
++ a purpose that is entirely well-defined independent of the
++ application. Therefore, Subsection 2d requires that any
++ application-supplied function or table used by this function must
++ be optional: if the application does not supply it, the square
++ root function must still compute square roots.)
++
++These requirements apply to the modified work as a whole. If
++identifiable sections of that work are not derived from the Library,
++and can be reasonably considered independent and separate works in
++themselves, then this License, and its terms, do not apply to those
++sections when you distribute them as separate works. But when you
++distribute the same sections as part of a whole which is a work based
++on the Library, the distribution of the whole must be on the terms of
++this License, whose permissions for other licensees extend to the
++entire whole, and thus to each and every part regardless of who wrote
++it.
++
++Thus, it is not the intent of this section to claim rights or contest
++your rights to work written entirely by you; rather, the intent is to
++exercise the right to control the distribution of derivative or
++collective works based on the Library.
++
++In addition, mere aggregation of another work not based on the Library
++with the Library (or with a work based on the Library) on a volume of
++a storage or distribution medium does not bring the other work under
++the scope of this License.
++
++ 3. You may opt to apply the terms of the ordinary GNU General Public
++License instead of this License to a given copy of the Library. To do
++this, you must alter all the notices that refer to this License, so
++that they refer to the ordinary GNU General Public License, version 2,
++instead of to this License. (If a newer version than version 2 of the
++ordinary GNU General Public License has appeared, then you can specify
++that version instead if you wish.) Do not make any other change in
++these notices.
++\f
++ Once this change is made in a given copy, it is irreversible for
++that copy, so the ordinary GNU General Public License applies to all
++subsequent copies and derivative works made from that copy.
++
++ This option is useful when you wish to copy part of the code of
++the Library into a program that is not a library.
++
++ 4. You may copy and distribute the Library (or a portion or
++derivative of it, under Section 2) in object code or executable form
++under the terms of Sections 1 and 2 above provided that you accompany
++it with the complete corresponding machine-readable source code, which
++must be distributed under the terms of Sections 1 and 2 above on a
++medium customarily used for software interchange.
++
++ If distribution of object code is made by offering access to copy
++from a designated place, then offering equivalent access to copy the
++source code from the same place satisfies the requirement to
++distribute the source code, even though third parties are not
++compelled to copy the source along with the object code.
++
++ 5. A program that contains no derivative of any portion of the
++Library, but is designed to work with the Library by being compiled or
++linked with it, is called a "work that uses the Library". Such a
++work, in isolation, is not a derivative work of the Library, and
++therefore falls outside the scope of this License.
++
++ However, linking a "work that uses the Library" with the Library
++creates an executable that is a derivative of the Library (because it
++contains portions of the Library), rather than a "work that uses the
++library". The executable is therefore covered by this License.
++Section 6 states terms for distribution of such executables.
++
++ When a "work that uses the Library" uses material from a header file
++that is part of the Library, the object code for the work may be a
++derivative work of the Library even though the source code is not.
++Whether this is true is especially significant if the work can be
++linked without the Library, or if the work is itself a library. The
++threshold for this to be true is not precisely defined by law.
++
++ If such an object file uses only numerical parameters, data
++structure layouts and accessors, and small macros and small inline
++functions (ten lines or less in length), then the use of the object
++file is unrestricted, regardless of whether it is legally a derivative
++work. (Executables containing this object code plus portions of the
++Library will still fall under Section 6.)
++
++ Otherwise, if the work is a derivative of the Library, you may
++distribute the object code for the work under the terms of Section 6.
++Any executables containing that work also fall under Section 6,
++whether or not they are linked directly with the Library itself.
++\f
++ 6. As an exception to the Sections above, you may also combine or
++link a "work that uses the Library" with the Library to produce a
++work containing portions of the Library, and distribute that work
++under terms of your choice, provided that the terms permit
++modification of the work for the customer's own use and reverse
++engineering for debugging such modifications.
++
++ You must give prominent notice with each copy of the work that the
++Library is used in it and that the Library and its use are covered by
++this License. You must supply a copy of this License. If the work
++during execution displays copyright notices, you must include the
++copyright notice for the Library among them, as well as a reference
++directing the user to the copy of this License. Also, you must do one
++of these things:
++
++ a) Accompany the work with the complete corresponding
++ machine-readable source code for the Library including whatever
++ changes were used in the work (which must be distributed under
++ Sections 1 and 2 above); and, if the work is an executable linked
++ with the Library, with the complete machine-readable "work that
++ uses the Library", as object code and/or source code, so that the
++ user can modify the Library and then relink to produce a modified
++ executable containing the modified Library. (It is understood
++ that the user who changes the contents of definitions files in the
++ Library will not necessarily be able to recompile the application
++ to use the modified definitions.)
++
++ b) Use a suitable shared library mechanism for linking with the
++ Library. A suitable mechanism is one that (1) uses at run time a
++ copy of the library already present on the user's computer system,
++ rather than copying library functions into the executable, and (2)
++ will operate properly with a modified version of the library, if
++ the user installs one, as long as the modified version is
++ interface-compatible with the version that the work was made with.
++
++ c) Accompany the work with a written offer, valid for at
++ least three years, to give the same user the materials
++ specified in Subsection 6a, above, for a charge no more
++ than the cost of performing this distribution.
++
++ d) If distribution of the work is made by offering access to copy
++ from a designated place, offer equivalent access to copy the above
++ specified materials from the same place.
++
++ e) Verify that the user has already received a copy of these
++ materials or that you have already sent this user a copy.
++
++ For an executable, the required form of the "work that uses the
++Library" must include any data and utility programs needed for
++reproducing the executable from it. However, as a special exception,
++the materials to be distributed need not include anything that is
++normally distributed (in either source or binary form) with the major
++components (compiler, kernel, and so on) of the operating system on
++which the executable runs, unless that component itself accompanies
++the executable.
++
++ It may happen that this requirement contradicts the license
++restrictions of other proprietary libraries that do not normally
++accompany the operating system. Such a contradiction means you cannot
++use both them and the Library together in an executable that you
++distribute.
++\f
++ 7. You may place library facilities that are a work based on the
++Library side-by-side in a single library together with other library
++facilities not covered by this License, and distribute such a combined
++library, provided that the separate distribution of the work based on
++the Library and of the other library facilities is otherwise
++permitted, and provided that you do these two things:
++
++ a) Accompany the combined library with a copy of the same work
++ based on the Library, uncombined with any other library
++ facilities. This must be distributed under the terms of the
++ Sections above.
++
++ b) Give prominent notice with the combined library of the fact
++ that part of it is a work based on the Library, and explaining
++ where to find the accompanying uncombined form of the same work.
++
++ 8. You may not copy, modify, sublicense, link with, or distribute
++the Library except as expressly provided under this License. Any
++attempt otherwise to copy, modify, sublicense, link with, or
++distribute the Library is void, and will automatically terminate your
++rights under this License. However, parties who have received copies,
++or rights, from you under this License will not have their licenses
++terminated so long as such parties remain in full compliance.
++
++ 9. You are not required to accept this License, since you have not
++signed it. However, nothing else grants you permission to modify or
++distribute the Library or its derivative works. These actions are
++prohibited by law if you do not accept this License. Therefore, by
++modifying or distributing the Library (or any work based on the
++Library), you indicate your acceptance of this License to do so, and
++all its terms and conditions for copying, distributing or modifying
++the Library or works based on it.
++
++ 10. Each time you redistribute the Library (or any work based on the
++Library), the recipient automatically receives a license from the
++original licensor to copy, distribute, link with or modify the Library
++subject to these terms and conditions. You may not impose any further
++restrictions on the recipients' exercise of the rights granted herein.
++You are not responsible for enforcing compliance by third parties with
++this License.
++\f
++ 11. If, as a consequence of a court judgment or allegation of patent
++infringement or for any other reason (not limited to patent issues),
++conditions are imposed on you (whether by court order, agreement or
++otherwise) that contradict the conditions of this License, they do not
++excuse you from the conditions of this License. If you cannot
++distribute so as to satisfy simultaneously your obligations under this
++License and any other pertinent obligations, then as a consequence you
++may not distribute the Library at all. For example, if a patent
++license would not permit royalty-free redistribution of the Library by
++all those who receive copies directly or indirectly through you, then
++the only way you could satisfy both it and this License would be to
++refrain entirely from distribution of the Library.
++
++If any portion of this section is held invalid or unenforceable under any
++particular circumstance, the balance of the section is intended to apply,
++and the section as a whole is intended to apply in other circumstances.
++
++It is not the purpose of this section to induce you to infringe any
++patents or other property right claims or to contest validity of any
++such claims; this section has the sole purpose of protecting the
++integrity of the free software distribution system which is
++implemented by public license practices. Many people have made
++generous contributions to the wide range of software distributed
++through that system in reliance on consistent application of that
++system; it is up to the author/donor to decide if he or she is willing
++to distribute software through any other system and a licensee cannot
++impose that choice.
++
++This section is intended to make thoroughly clear what is believed to
++be a consequence of the rest of this License.
++
++ 12. If the distribution and/or use of the Library is restricted in
++certain countries either by patents or by copyrighted interfaces, the
++original copyright holder who places the Library under this License may add
++an explicit geographical distribution limitation excluding those countries,
++so that distribution is permitted only in or among countries not thus
++excluded. In such case, this License incorporates the limitation as if
++written in the body of this License.
++
++ 13. The Free Software Foundation may publish revised and/or new
++versions of the Lesser General Public License from time to time.
++Such new versions will be similar in spirit to the present version,
++but may differ in detail to address new problems or concerns.
++
++Each version is given a distinguishing version number. If the Library
++specifies a version number of this License which applies to it and
++"any later version", you have the option of following the terms and
++conditions either of that version or of any later version published by
++the Free Software Foundation. If the Library does not specify a
++license version number, you may choose any version ever published by
++the Free Software Foundation.
++\f
++ 14. If you wish to incorporate parts of the Library into other free
++programs whose distribution conditions are incompatible with these,
++write to the author to ask for permission. For software which is
++copyrighted by the Free Software Foundation, write to the Free
++Software Foundation; we sometimes make exceptions for this. Our
++decision will be guided by the two goals of preserving the free status
++of all derivatives of our free software and of promoting the sharing
++and reuse of software generally.
++
++ NO WARRANTY
++
++ 15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
++WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
++EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
++OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
++KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
++IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
++PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
++LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
++THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
++
++ 16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
++WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
++AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
++FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
++CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
++LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
++RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
++FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
++SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
++DAMAGES.
++
++ END OF TERMS AND CONDITIONS
++\f
++ How to Apply These Terms to Your New Libraries
++
++ If you develop a new library, and you want it to be of the greatest
++possible use to the public, we recommend making it free software that
++everyone can redistribute and change. You can do so by permitting
++redistribution under these terms (or, alternatively, under the terms of the
++ordinary General Public License).
++
++ To apply these terms, attach the following notices to the library. It is
++safest to attach them to the start of each source file to most effectively
++convey the exclusion of warranty; and each file should have at least the
++"copyright" line and a pointer to where the full notice is found.
++
++ <one line to give the library's name and a brief idea of what it does.>
++ Copyright (C) <year> <name of author>
++
++ This library is free software; you can redistribute it and/or
++ modify it under the terms of the GNU Lesser General Public
++ License as published by the Free Software Foundation; either
++ version 2.1 of the License, or (at your option) any later version.
++
++ This library is distributed in the hope that it will be useful,
++ but WITHOUT ANY WARRANTY; without even the implied warranty of
++ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ Lesser General Public License for more details.
++
++ You should have received a copy of the GNU Lesser General Public
++ License along with this library; if not, write to the Free Software
++ Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
++
++Also add information on how to contact you by electronic and paper mail.
++
++You should also get your employer (if you work as a programmer) or your
++school, if any, to sign a "copyright disclaimer" for the library, if
++necessary. Here is a sample; alter the names:
++
++ Yoyodyne, Inc., hereby disclaims all copyright interest in the
++ library `Frob' (a library for tweaking knobs) written by James Random Hacker.
++
++ <signature of Ty Coon>, 1 April 1990
++ Ty Coon, President of Vice
++
++That's all there is to it!
--- /dev/null
--- /dev/null
++Creative Commons Attribution-ShareAlike 4.0 International
++
++ Creative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.
++
++Using Creative Commons Public Licenses
++
++Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.
++
++Considerations for licensors: Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. More considerations for licensors.
++
++Considerations for the public: By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described.
++
++Although not required by our licenses, you are encouraged to respect those requests where reasonable. More considerations for the public.
++
++Creative Commons Attribution-ShareAlike 4.0 International Public License
++
++By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-ShareAlike 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.
++
++Section 1 – Definitions.
++
++ a. Adapted Material means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.
++
++ b. Adapter's License means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.
++
++ c. BY-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses, approved by Creative Commons as essentially the equivalent of this Public License.
++
++ d. Copyright and Similar Rights means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.
++
++ e. Effective Technological Measures means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.
++
++ f. Exceptions and Limitations means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
++
++ g. License Elements means the license attributes listed in the name of a Creative Commons Public License. The License Elements of this Public License are Attribution and ShareAlike.
++
++ h. Licensed Material means the artistic or literary work, database, or other material to which the Licensor applied this Public License.
++
++ i. Licensed Rights means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.
++
++ j. Licensor means the individual(s) or entity(ies) granting rights under this Public License.
++
++ k. Share means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.
++
++ l. Sui Generis Database Rights means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
++
++ m. You means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.
++
++Section 2 – Scope.
++
++ a. License grant.
++
++ 1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:
++
++ A. reproduce and Share the Licensed Material, in whole or in part; and
++
++ B. produce, reproduce, and Share Adapted Material.
++
++ 2. Exceptions and Limitations. For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.
++
++ 3. Term. The term of this Public License is specified in Section 6(a).
++
++ 4. Media and formats; technical modifications allowed. The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.
++
++ 5. Downstream recipients.
++
++ A. Offer from the Licensor – Licensed Material. Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.
++
++ B. Additional offer from the Licensor – Adapted Material. Every recipient of Adapted Material from You automatically receives an offer from the Licensor to exercise the Licensed Rights in the Adapted Material under the conditions of the Adapter’s License You apply.
++
++ C. No downstream restrictions. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
++
++ 6. No endorsement. Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).
++
++ b. Other rights.
++
++ 1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.
++
++ 2. Patent and trademark rights are not licensed under this Public License.
++
++ 3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties.
++
++Section 3 – License Conditions.
++
++Your exercise of the Licensed Rights is expressly made subject to the following conditions.
++
++ a. Attribution.
++
++ 1. If You Share the Licensed Material (including in modified form), You must:
++
++ A. retain the following if it is supplied by the Licensor with the Licensed Material:
++
++ i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);
++
++ ii. a copyright notice;
++
++ iii. a notice that refers to this Public License;
++
++ iv. a notice that refers to the disclaimer of warranties;
++
++ v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;
++
++ B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and
++
++ C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.
++
++ 2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.
++
++ 3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.
++
++ b. ShareAlike.In addition to the conditions in Section 3(a), if You Share Adapted Material You produce, the following conditions also apply.
++
++ 1. The Adapter’s License You apply must be a Creative Commons license with the same License Elements, this version or later, or a BY-SA Compatible License.
++
++ 2. You must include the text of, or the URI or hyperlink to, the Adapter's License You apply. You may satisfy this condition in any reasonable manner based on the medium, means, and context in which You Share Adapted Material.
++
++ 3. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, Adapted Material that restrict exercise of the rights granted under the Adapter's License You apply.
++
++Section 4 – Sui Generis Database Rights.
++
++Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
++
++ a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database;
++
++ b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material, including for purposes of Section 3(b); and
++
++ c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.
++For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.
++
++Section 5 – Disclaimer of Warranties and Limitation of Liability.
++
++ a. Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.
++
++ b. To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.
++
++ c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.
++
++Section 6 – Term and Termination.
++
++ a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.
++
++ b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:
++
++ 1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or
++
++ 2. upon express reinstatement by the Licensor.
++
++ c. For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.
++
++ d. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.
++
++ e. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.
++
++Section 7 – Other Terms and Conditions.
++
++ a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.
++
++ b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.
++
++Section 8 – Interpretation.
++
++ a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.
++
++ b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.
++
++ c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.
++
++ d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.
++
++Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at creativecommons.org/policies, Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.
++
++Creative Commons may be contacted at creativecommons.org.
--- /dev/null
--- /dev/null
++Creative Commons Legal Code
++
++CC0 1.0 Universal
++
++ CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
++ LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
++ ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
++ INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
++ REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
++ PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
++ THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
++ HEREUNDER.
++
++Statement of Purpose
++
++The laws of most jurisdictions throughout the world automatically confer
++exclusive Copyright and Related Rights (defined below) upon the creator
++and subsequent owner(s) (each and all, an "owner") of an original work of
++authorship and/or a database (each, a "Work").
++
++Certain owners wish to permanently relinquish those rights to a Work for
++the purpose of contributing to a commons of creative, cultural and
++scientific works ("Commons") that the public can reliably and without fear
++of later claims of infringement build upon, modify, incorporate in other
++works, reuse and redistribute as freely as possible in any form whatsoever
++and for any purposes, including without limitation commercial purposes.
++These owners may contribute to the Commons to promote the ideal of a free
++culture and the further production of creative, cultural and scientific
++works, or to gain reputation or greater distribution for their Work in
++part through the use and efforts of others.
++
++For these and/or other purposes and motivations, and without any
++expectation of additional consideration or compensation, the person
++associating CC0 with a Work (the "Affirmer"), to the extent that he or she
++is an owner of Copyright and Related Rights in the Work, voluntarily
++elects to apply CC0 to the Work and publicly distribute the Work under its
++terms, with knowledge of his or her Copyright and Related Rights in the
++Work and the meaning and intended legal effect of CC0 on those rights.
++
++1. Copyright and Related Rights. A Work made available under CC0 may be
++protected by copyright and related or neighboring rights ("Copyright and
++Related Rights"). Copyright and Related Rights include, but are not
++limited to, the following:
++
++ i. the right to reproduce, adapt, distribute, perform, display,
++ communicate, and translate a Work;
++ ii. moral rights retained by the original author(s) and/or performer(s);
++iii. publicity and privacy rights pertaining to a person's image or
++ likeness depicted in a Work;
++ iv. rights protecting against unfair competition in regards to a Work,
++ subject to the limitations in paragraph 4(a), below;
++ v. rights protecting the extraction, dissemination, use and reuse of data
++ in a Work;
++ vi. database rights (such as those arising under Directive 96/9/EC of the
++ European Parliament and of the Council of 11 March 1996 on the legal
++ protection of databases, and under any national implementation
++ thereof, including any amended or successor version of such
++ directive); and
++vii. other similar, equivalent or corresponding rights throughout the
++ world based on applicable law or treaty, and any national
++ implementations thereof.
++
++2. Waiver. To the greatest extent permitted by, but not in contravention
++of, applicable law, Affirmer hereby overtly, fully, permanently,
++irrevocably and unconditionally waives, abandons, and surrenders all of
++Affirmer's Copyright and Related Rights and associated claims and causes
++of action, whether now known or unknown (including existing as well as
++future claims and causes of action), in the Work (i) in all territories
++worldwide, (ii) for the maximum duration provided by applicable law or
++treaty (including future time extensions), (iii) in any current or future
++medium and for any number of copies, and (iv) for any purpose whatsoever,
++including without limitation commercial, advertising or promotional
++purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
++member of the public at large and to the detriment of Affirmer's heirs and
++successors, fully intending that such Waiver shall not be subject to
++revocation, rescission, cancellation, termination, or any other legal or
++equitable action to disrupt the quiet enjoyment of the Work by the public
++as contemplated by Affirmer's express Statement of Purpose.
++
++3. Public License Fallback. Should any part of the Waiver for any reason
++be judged legally invalid or ineffective under applicable law, then the
++Waiver shall be preserved to the maximum extent permitted taking into
++account Affirmer's express Statement of Purpose. In addition, to the
++extent the Waiver is so judged Affirmer hereby grants to each affected
++person a royalty-free, non transferable, non sublicensable, non exclusive,
++irrevocable and unconditional license to exercise Affirmer's Copyright and
++Related Rights in the Work (i) in all territories worldwide, (ii) for the
++maximum duration provided by applicable law or treaty (including future
++time extensions), (iii) in any current or future medium and for any number
++of copies, and (iv) for any purpose whatsoever, including without
++limitation commercial, advertising or promotional purposes (the
++"License"). The License shall be deemed effective as of the date CC0 was
++applied by Affirmer to the Work. Should any part of the License for any
++reason be judged legally invalid or ineffective under applicable law, such
++partial invalidity or ineffectiveness shall not invalidate the remainder
++of the License, and in such case Affirmer hereby affirms that he or she
++will not (i) exercise any of his or her remaining Copyright and Related
++Rights in the Work or (ii) assert any associated claims and causes of
++action with respect to the Work, in either case contrary to Affirmer's
++express Statement of Purpose.
++
++4. Limitations and Disclaimers.
++
++ a. No trademark or patent rights held by Affirmer are waived, abandoned,
++ surrendered, licensed or otherwise affected by this document.
++ b. Affirmer offers the Work as-is and makes no representations or
++ warranties of any kind concerning the Work, express, implied,
++ statutory or otherwise, including without limitation warranties of
++ title, merchantability, fitness for a particular purpose, non
++ infringement, or the absence of latent or other defects, accuracy, or
++ the present or absence of errors, whether or not discoverable, all to
++ the greatest extent permissible under applicable law.
++ c. Affirmer disclaims responsibility for clearing rights of other persons
++ that may apply to the Work or any use thereof, including without
++ limitation any person's Copyright and Related Rights in the Work.
++ Further, Affirmer disclaims responsibility for obtaining any necessary
++ consents, permissions or other rights required for any use of the
++ Work.
++ d. Affirmer understands and acknowledges that Creative Commons is not a
++ party to this document and has no duty or obligation with respect to
++ this CC0 or use of the Work.
--- /dev/null
--- /dev/null
++GNU LESSER GENERAL PUBLIC LICENSE
++
++Version 2.1, February 1999
++
++Copyright (C) 1991, 1999 Free Software Foundation, Inc.
++51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
++
++Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed.
++
++[This is the first released version of the Lesser GPL. It also counts as the successor of the GNU Library Public License, version 2, hence the version number 2.1.]
++
++Preamble
++
++The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public Licenses are intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users.
++
++This license, the Lesser General Public License, applies to some specially designated software packages--typically libraries--of the Free Software Foundation and other authors who decide to use it. You can use it too, but we suggest you first think carefully about whether this license or the ordinary General Public License is the better strategy to use in any particular case, based on the explanations below.
++
++When we speak of free software, we are referring to freedom of use, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish); that you receive source code or can get it if you want it; that you can change the software and use pieces of it in new free programs; and that you are informed that you can do these things.
++
++To protect your rights, we need to make restrictions that forbid distributors to deny you these rights or to ask you to surrender these rights. These restrictions translate to certain responsibilities for you if you distribute copies of the library or if you modify it.
++
++For example, if you distribute copies of the library, whether gratis or for a fee, you must give the recipients all the rights that we gave you. You must make sure that they, too, receive or can get the source code. If you link other code with the library, you must provide complete object files to the recipients, so that they can relink them with the library after making changes to the library and recompiling it. And you must show them these terms so they know their rights.
++
++We protect your rights with a two-step method: (1) we copyright the library, and (2) we offer you this license, which gives you legal permission to copy, distribute and/or modify the library.
++
++To protect each distributor, we want to make it very clear that there is no warranty for the free library. Also, if the library is modified by someone else and passed on, the recipients should know that what they have is not the original version, so that the original author's reputation will not be affected by problems that might be introduced by others.
++
++Finally, software patents pose a constant threat to the existence of any free program. We wish to make sure that a company cannot effectively restrict the users of a free program by obtaining a restrictive license from a patent holder. Therefore, we insist that any patent license obtained for a version of the library must be consistent with the full freedom of use specified in this license.
++
++Most GNU software, including some libraries, is covered by the ordinary GNU General Public License. This license, the GNU Lesser General Public License, applies to certain designated libraries, and is quite different from the ordinary General Public License. We use this license for certain libraries in order to permit linking those libraries into non-free programs.
++
++When a program is linked with a library, whether statically or using a shared library, the combination of the two is legally speaking a combined work, a derivative of the original library. The ordinary General Public License therefore permits such linking only if the entire combination fits its criteria of freedom. The Lesser General Public License permits more lax criteria for linking other code with the library.
++
++We call this license the "Lesser" General Public License because it does Less to protect the user's freedom than the ordinary General Public License. It also provides other free software developers Less of an advantage over competing non-free programs. These disadvantages are the reason we use the ordinary General Public License for many libraries. However, the Lesser license provides advantages in certain special circumstances.
++
++For example, on rare occasions, there may be a special need to encourage the widest possible use of a certain library, so that it becomes a de-facto standard. To achieve this, non-free programs must be allowed to use the library. A more frequent case is that a free library does the same job as widely used non-free libraries. In this case, there is little to gain by limiting the free library to free software only, so we use the Lesser General Public License.
++
++In other cases, permission to use a particular library in non-free programs enables a greater number of people to use a large body of free software. For example, permission to use the GNU C Library in non-free programs enables many more people to use the whole GNU operating system, as well as its variant, the GNU/Linux operating system.
++
++Although the Lesser General Public License is Less protective of the users' freedom, it does ensure that the user of a program that is linked with the Library has the freedom and the wherewithal to run that program using a modified version of the Library.
++
++The precise terms and conditions for copying, distribution and modification follow. Pay close attention to the difference between a "work based on the library" and a "work that uses the library". The former contains code derived from the library, whereas the latter must be combined with the library in order to run.
++
++GNU LESSER GENERAL PUBLIC LICENSE
++TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
++
++0. This License Agreement applies to any software library or other program which contains a notice placed by the copyright holder or other authorized party saying it may be distributed under the terms of this Lesser General Public License (also called "this License"). Each licensee is addressed as "you".
++
++A "library" means a collection of software functions and/or data prepared so as to be conveniently linked with application programs (which use some of those functions and data) to form executables.
++
++The "Library", below, refers to any such software library or work which has been distributed under these terms. A "work based on the Library" means either the Library or any derivative work under copyright law: that is to say, a work containing the Library or a portion of it, either verbatim or with modifications and/or translated straightforwardly into another language. (Hereinafter, translation is included without limitation in the term "modification".)
++
++"Source code" for a work means the preferred form of the work for making modifications to it. For a library, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the library.
++
++Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running a program using the Library is not restricted, and output from such a program is covered only if its contents constitute a work based on the Library (independent of the use of the Library in a tool for writing it). Whether that is true depends on what the Library does and what the program that uses the Library does.
++
++1. You may copy and distribute verbatim copies of the Library's complete source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and distribute a copy of this License along with the Library.
++
++You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee.
++
++2. You may modify your copy or copies of the Library or any portion of it, thus forming a work based on the Library, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions:
++
++ a) The modified work must itself be a software library.
++
++ b) You must cause the files modified to carry prominent notices stating that you changed the files and the date of any change.
++
++ c) You must cause the whole of the work to be licensed at no charge to all third parties under the terms of this License.
++
++ d) If a facility in the modified Library refers to a function or a table of data to be supplied by an application program that uses the facility, other than as an argument passed when the facility is invoked, then you must make a good faith effort to ensure that, in the event an application does not supply such function or table, the facility still operates, and performs whatever part of its purpose remains meaningful.
++
++(For example, a function in a library to compute square roots has a purpose that is entirely well-defined independent of the application. Therefore, Subsection 2d requires that any application-supplied function or table used by this function must be optional: if the application does not supply it, the square root function must still compute square roots.)
++
++These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Library, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Library, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it.
++
++Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Library.
++
++In addition, mere aggregation of another work not based on the Library with the Library (or with a work based on the Library) on a volume of a storage or distribution medium does not bring the other work under the scope of this License.
++
++3. You may opt to apply the terms of the ordinary GNU General Public License instead of this License to a given copy of the Library. To do this, you must alter all the notices that refer to this License, so that they refer to the ordinary GNU General Public License, version 2, instead of to this License. (If a newer version than version 2 of the ordinary GNU General Public License has appeared, then you can specify that version instead if you wish.) Do not make any other change in these notices.
++
++Once this change is made in a given copy, it is irreversible for that copy, so the ordinary GNU General Public License applies to all subsequent copies and derivative works made from that copy.
++
++This option is useful when you wish to copy part of the code of the Library into a program that is not a library.
++
++4. You may copy and distribute the Library (or a portion or derivative of it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange.
++
++If distribution of object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place satisfies the requirement to distribute the source code, even though third parties are not compelled to copy the source along with the object code.
++
++5. A program that contains no derivative of any portion of the Library, but is designed to work with the Library by being compiled or linked with it, is called a "work that uses the Library". Such a work, in isolation, is not a derivative work of the Library, and therefore falls outside the scope of this License.
++
++However, linking a "work that uses the Library" with the Library creates an executable that is a derivative of the Library (because it contains portions of the Library), rather than a "work that uses the library". The executable is therefore covered by this License. Section 6 states terms for distribution of such executables.
++
++When a "work that uses the Library" uses material from a header file that is part of the Library, the object code for the work may be a derivative work of the Library even though the source code is not. Whether this is true is especially significant if the work can be linked without the Library, or if the work is itself a library. The threshold for this to be true is not precisely defined by law.
++
++If such an object file uses only numerical parameters, data structure layouts and accessors, and small macros and small inline functions (ten lines or less in length), then the use of the object file is unrestricted, regardless of whether it is legally a derivative work. (Executables containing this object code plus portions of the Library will still fall under Section 6.)
++
++Otherwise, if the work is a derivative of the Library, you may distribute the object code for the work under the terms of Section 6. Any executables containing that work also fall under Section 6, whether or not they are linked directly with the Library itself.
++
++6. As an exception to the Sections above, you may also combine or link a "work that uses the Library" with the Library to produce a work containing portions of the Library, and distribute that work under terms of your choice, provided that the terms permit modification of the work for the customer's own use and reverse engineering for debugging such modifications.
++
++You must give prominent notice with each copy of the work that the Library is used in it and that the Library and its use are covered by this License. You must supply a copy of this License. If the work during execution displays copyright notices, you must include the copyright notice for the Library among them, as well as a reference directing the user to the copy of this License. Also, you must do one of these things:
++
++ a) Accompany the work with the complete corresponding machine-readable source code for the Library including whatever changes were used in the work (which must be distributed under Sections 1 and 2 above); and, if the work is an executable linked with the Library, with the complete machine-readable "work that uses the Library", as object code and/or source code, so that the user can modify the Library and then relink to produce a modified executable containing the modified Library. (It is understood that the user who changes the contents of definitions files in the Library will not necessarily be able to recompile the application to use the modified definitions.)
++
++ b) Use a suitable shared library mechanism for linking with the Library. A suitable mechanism is one that (1) uses at run time a copy of the library already present on the user's computer system, rather than copying library functions into the executable, and (2) will operate properly with a modified version of the library, if the user installs one, as long as the modified version is interface-compatible with the version that the work was made with.
++
++ c) Accompany the work with a written offer, valid for at least three years, to give the same user the materials specified in Subsection 6a, above, for a charge no more than the cost of performing this distribution.
++
++ d) If distribution of the work is made by offering access to copy from a designated place, offer equivalent access to copy the above specified materials from the same place.
++
++ e) Verify that the user has already received a copy of these materials or that you have already sent this user a copy.
++
++For an executable, the required form of the "work that uses the Library" must include any data and utility programs needed for reproducing the executable from it. However, as a special exception, the materials to be distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable.
++
++It may happen that this requirement contradicts the license restrictions of other proprietary libraries that do not normally accompany the operating system. Such a contradiction means you cannot use both them and the Library together in an executable that you distribute.
++
++7. You may place library facilities that are a work based on the Library side-by-side in a single library together with other library facilities not covered by this License, and distribute such a combined library, provided that the separate distribution of the work based on the Library and of the other library facilities is otherwise permitted, and provided that you do these two things:
++
++ a) Accompany the combined library with a copy of the same work based on the Library, uncombined with any other library facilities. This must be distributed under the terms of the Sections above.
++
++ b) Give prominent notice with the combined library of the fact that part of it is a work based on the Library, and explaining where to find the accompanying uncombined form of the same work.
++
++8. You may not copy, modify, sublicense, link with, or distribute the Library except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense, link with, or distribute the Library is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance.
++
++9. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Library or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Library (or any work based on the Library), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Library or works based on it.
++
++10. Each time you redistribute the Library (or any work based on the Library), the recipient automatically receives a license from the original licensor to copy, distribute, link with or modify the Library subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties with this License.
++
++11. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Library at all. For example, if a patent license would not permit royalty-free redistribution of the Library by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Library.
++
++If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply, and the section as a whole is intended to apply in other circumstances.
++
++It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice.
++
++This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License.
++
++12. If the distribution and/or use of the Library is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Library under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License.
++
++13. The Free Software Foundation may publish revised and/or new versions of the Lesser General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns.
++
++Each version is given a distinguishing version number. If the Library specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Library does not specify a license version number, you may choose any version ever published by the Free Software Foundation.
++
++14. If you wish to incorporate parts of the Library into other free programs whose distribution conditions are incompatible with these, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally.
++
++NO WARRANTY
++
++15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
++
++16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
++
++END OF TERMS AND CONDITIONS
++
++How to Apply These Terms to Your New Libraries
++
++If you develop a new library, and you want it to be of the greatest possible use to the public, we recommend making it free software that everyone can redistribute and change. You can do so by permitting redistribution under these terms (or, alternatively, under the terms of the ordinary General Public License).
++
++To apply these terms, attach the following notices to the library. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found.
++
++ one line to give the library's name and an idea of what it does.
++ Copyright (C) year name of author
++
++ This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version.
++
++ This library is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
++
++ You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Also add information on how to contact you by electronic and paper mail.
++
++You should also get your employer (if you work as a programmer) or your school, if any, to sign a "copyright disclaimer" for the library, if necessary. Here is a sample; alter the names:
++
++Yoyodyne, Inc., hereby disclaims all copyright interest in
++the library `Frob' (a library for tweaking knobs) written
++by James Random Hacker.
++
++signature of Ty Coon, 1 April 1990
++Ty Coon, President of Vice
++That's all there is to it!
--- /dev/null
--- /dev/null
++<!--
++SPDX-FileCopyrightText: 2020 Florian Müllner <fmuellner@gnome.org>
++SPDX-License-Identifier: CC-BY-SA-4.0
++-->
++# Shell External Windows
++
++Shew is a small support library for dealing with external windows.
++
++The code for creating external windows from a handle that are suitable for
++setting a transient parent was copied from [xdg-desktop-portal-gtk].
++
++The code for exporting a handle for a GtkWindow is losely based on code
++from GTK/[libportal].
++
++## Stability
++This is an unstable library with no API or ABI guarantees, and no
++soname versioning.
++
++It is not recommended to use it outside the gnome-shell project, and
++may only be used as a subproject.
++
++## License
++shew is distributed under the terms of the GNU Lesser General Public License
++version 2.1 or later. See the [COPYING][license] file for details.
++
++[xdg-desktop-portal-gtk]: https://github.com/flatpak/xdg-desktop-portal-gtk
++[libportal]: https://github.com/flatpak/libportal
++[license]: COPYING
--- /dev/null
--- /dev/null
++<?xml version="1.0" encoding="UTF-8"?>
++<!-- SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org> -->
++<!-- SPDX-License-Identifier: LGPL-2.1-or-later -->
++<Project xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
++ xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
++ xmlns:foaf="http://xmlns.com/foaf/0.1/"
++ xmlns:gnome="http://api.gnome.org/doap-extensions#"
++ xmlns="http://usefulinc.com/ns/doap#">
++
++ <name xml:lang="en">libshew</name>
++ <description xml:lang="en">Shell External Window helper library</description>
++ <shortdesc xml:lang="en">
++ Shell External Window helper library
++ </shortdesc>
++
++ <programming-language>C</programming-language>
++
++ <maintainer>
++ <foaf:Person>
++ <foaf:name>Florian Müllner</foaf:name>
++ <foaf:mbox rdf:resource="mailto:fmuellner@gnome.org" />
++ <gnome:userid>fmuellner</gnome:userid>
++ </foaf:Person>
++ </maintainer>
++</Project>
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2020 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++project('shew', 'c',
++ version: '48.1',
++ meson_version: '>= 1.1.0',
++ license: 'LGPL-2.1-or-later',
++)
++
++assert(meson.is_subproject(), 'This project is only intended to be used as a subproject!')
++
++gnome = import('gnome')
++pkg = import('pkgconfig')
++
++api_version = '0'
++full_name = '@0@-@1@'.format(meson.project_name(), api_version)
++
++package_version = meson.project_version()
++package_name = get_option('package_name')
++assert(package_name != '', 'package_name must be specified')
++
++pkglibdir = join_paths(get_option('libdir'), package_name)
++
++typelibdir = join_paths(pkglibdir, 'girepository-1.0')
++
++gtk_dep = dependency('gtk4')
++x11_dep = dependency('x11', required: false)
++
++subdir('src')
++
++if get_option('tests')
++ add_test_setup('plain')
++ add_test_setup('headless',
++ exe_wrapper: [
++ find_program('dbus-run-session'),
++ find_program('mutter'),
++ '--headless',
++ '--',
++ ],
++ )
++
++ subdir('tests')
++endif
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2020 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++option('package_name',
++ type: 'string',
++ description: 'Parent package the library is built into'
++)
++option('tests',
++ type: 'boolean',
++ value: false,
++ description: 'Build tests',
++)
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2020 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++shew_public_headers = files(
++ 'shew-external-window.h',
++ 'shew-window-exporter.h',
++)
++
++shew_sources = [
++ 'shew-external-window-wayland.c',
++ 'shew-external-window-x11.c',
++ 'shew-external-window.c',
++ 'shew-window-exporter.c',
++]
++
++libshew = library(full_name,
++ sources: shew_sources,
++ dependencies: [gtk_dep, x11_dep],
++ install_dir: pkglibdir,
++ install: true,
++)
++
++libshew_dep = declare_dependency(
++ link_with: libshew,
++ dependencies: [gtk_dep],
++ include_directories: include_directories('.'),
++)
++
++meson.override_dependency('libshew', libshew_dep)
++
++libshew_gir = gnome.generate_gir(libshew,
++ sources: shew_sources + shew_public_headers,
++ nsversion: api_version,
++ namespace: 'Shew',
++ includes: ['Gdk-4.0', 'Gtk-4.0'],
++ extra_args: ['--quiet'],
++ fatal_warnings: get_option('werror'),
++ install_gir: false,
++ install_typelib: true,
++ install_dir_typelib: typelibdir,
++)
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#include <gdk/gdk.h>
++
++#ifdef GDK_WINDOWING_WAYLAND
++#include <gdk/wayland/gdkwayland.h>
++#endif
++
++#include "shew-external-window-wayland.h"
++
++static GdkDisplay *wayland_display;
++
++struct _ShewExternalWindowWayland
++{
++ ShewExternalWindow parent;
++
++ char *handle_str;
++};
++
++G_DEFINE_TYPE (ShewExternalWindowWayland, shew_external_window_wayland,
++ SHEW_TYPE_EXTERNAL_WINDOW)
++
++static GdkDisplay *
++get_wayland_display (void)
++{
++ if (wayland_display)
++ return wayland_display;
++
++ gdk_set_allowed_backends ("wayland");
++ wayland_display = gdk_display_open (NULL);
++ gdk_set_allowed_backends (NULL);
++
++ if (!wayland_display)
++ g_warning ("Failed to open Wayland display");
++
++ return wayland_display;
++}
++
++ShewExternalWindowWayland *
++shew_external_window_wayland_new (const char *handle_str)
++{
++ ShewExternalWindowWayland *external_window_wayland;
++ GdkDisplay *display;
++
++ display = get_wayland_display ();
++ if (!display)
++ {
++ g_warning ("No Wayland display connection, ignoring Wayland parent");
++ return NULL;
++ }
++
++ external_window_wayland = g_object_new (SHEW_TYPE_EXTERNAL_WINDOW_WAYLAND,
++ "display", display,
++ NULL);
++ external_window_wayland->handle_str = g_strdup (handle_str);
++
++ return external_window_wayland;
++}
++
++static void
++shew_external_window_wayland_set_parent_of (ShewExternalWindow *external_window,
++ GdkSurface *child_surface)
++{
++ ShewExternalWindowWayland *external_window_wayland =
++ SHEW_EXTERNAL_WINDOW_WAYLAND (external_window);
++ char *handle_str = external_window_wayland->handle_str;
++
++#ifdef GDK_WINDOWING_WAYLAND
++ if (!gdk_wayland_toplevel_set_transient_for_exported (GDK_WAYLAND_TOPLEVEL (child_surface), handle_str))
++ g_warning ("Failed to set portal window transient for external parent");
++#endif
++}
++
++static void
++shew_external_window_wayland_dispose (GObject *object)
++{
++ ShewExternalWindowWayland *external_window_wayland =
++ SHEW_EXTERNAL_WINDOW_WAYLAND (object);
++
++ g_free (external_window_wayland->handle_str);
++
++ G_OBJECT_CLASS (shew_external_window_wayland_parent_class)->dispose (object);
++}
++
++static void
++shew_external_window_wayland_init (ShewExternalWindowWayland *external_window_wayland)
++{
++}
++
++static void
++shew_external_window_wayland_class_init (ShewExternalWindowWaylandClass *klass)
++{
++ GObjectClass *object_class = G_OBJECT_CLASS (klass);
++ ShewExternalWindowClass *external_window_class = SHEW_EXTERNAL_WINDOW_CLASS (klass);
++
++ object_class->dispose = shew_external_window_wayland_dispose;
++
++ external_window_class->set_parent_of = shew_external_window_wayland_set_parent_of;
++}
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#pragma once
++
++#include <glib-object.h>
++
++#include "shew-external-window.h"
++
++#define SHEW_TYPE_EXTERNAL_WINDOW_WAYLAND (shew_external_window_wayland_get_type ())
++G_DECLARE_FINAL_TYPE (ShewExternalWindowWayland, shew_external_window_wayland, SHEW, EXTERNAL_WINDOW_WAYLAND, ShewExternalWindow)
++
++ShewExternalWindowWayland *shew_external_window_wayland_new (const char *handle_str);
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#include <errno.h>
++#include <gdk/gdk.h>
++#ifdef GDK_WINDOWING_X11
++#include <gdk/x11/gdkx.h>
++#include <X11/Xlib.h>
++#endif
++#include <stdlib.h>
++
++#include "shew-external-window-x11.h"
++
++static GdkDisplay *x11_display;
++
++struct _ShewExternalWindowX11
++{
++ ShewExternalWindow parent;
++
++ int foreign_xid;
++};
++
++G_DEFINE_TYPE (ShewExternalWindowX11, shew_external_window_x11,
++ SHEW_TYPE_EXTERNAL_WINDOW)
++
++static GdkDisplay *
++get_x11_display (void)
++{
++ if (x11_display)
++ return x11_display;
++
++ gdk_set_allowed_backends ("x11");
++ x11_display = gdk_display_open (NULL);
++ gdk_set_allowed_backends (NULL);
++ if (!x11_display)
++ g_warning ("Failed to open X11 display");
++
++ return x11_display;
++}
++
++static gboolean
++check_foreign_xid (GdkDisplay *display,
++ int xid)
++{
++ gboolean result = FALSE;
++#ifdef GDK_WINDOWING_X11
++ XWindowAttributes attrs;
++
++ G_GNUC_BEGIN_IGNORE_DEPRECATIONS
++ gdk_x11_display_error_trap_push (display);
++ result = XGetWindowAttributes (GDK_DISPLAY_XDISPLAY (display), xid, &attrs);
++ if (gdk_x11_display_error_trap_pop (display))
++ return FALSE;
++ G_GNUC_END_IGNORE_DEPRECATIONS
++
++#endif
++ return result;
++}
++
++ShewExternalWindowX11 *
++shew_external_window_x11_new (const char *handle_str)
++{
++ ShewExternalWindowX11 *external_window_x11;
++ GdkDisplay *display;
++ int xid;
++
++ display = get_x11_display ();
++ if (!display)
++ {
++ g_warning ("No X display connection, ignoring X11 parent");
++ return NULL;
++ }
++
++ errno = 0;
++ xid = strtol (handle_str, NULL, 16);
++ if (errno != 0)
++ {
++ g_warning ("Failed to reference external X11 window, invalid XID %s", handle_str);
++ return NULL;
++ }
++
++ if (!check_foreign_xid (display, xid))
++ {
++ g_warning ("Failed to find foreign window for XID %d", xid);
++ return NULL;
++ }
++
++ external_window_x11 = g_object_new (SHEW_TYPE_EXTERNAL_WINDOW_X11,
++ "display", display,
++ NULL);
++ external_window_x11->foreign_xid = xid;
++
++ return external_window_x11;
++}
++
++static void
++shew_external_window_x11_set_parent_of (ShewExternalWindow *external_window,
++ GdkSurface *child_surface)
++{
++ ShewExternalWindowX11 *external_window_x11 =
++ SHEW_EXTERNAL_WINDOW_X11 (external_window);
++
++#ifdef GDK_WINDOWING_X11
++ G_GNUC_BEGIN_IGNORE_DEPRECATIONS
++ XSetTransientForHint (GDK_SURFACE_XDISPLAY (child_surface),
++ GDK_SURFACE_XID (child_surface),
++ external_window_x11->foreign_xid);
++ G_GNUC_END_IGNORE_DEPRECATIONS
++#endif
++}
++
++static void
++shew_external_window_x11_init (ShewExternalWindowX11 *external_window_x11)
++{
++}
++
++static void
++shew_external_window_x11_class_init (ShewExternalWindowX11Class *klass)
++{
++ ShewExternalWindowClass *external_window_class = SHEW_EXTERNAL_WINDOW_CLASS (klass);
++
++ external_window_class->set_parent_of = shew_external_window_x11_set_parent_of;
++}
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#pragma once
++
++#include <glib-object.h>
++
++#include "shew-external-window.h"
++
++#define SHEW_TYPE_EXTERNAL_WINDOW_X11 (shew_external_window_x11_get_type ())
++G_DECLARE_FINAL_TYPE (ShewExternalWindowX11, shew_external_window_x11, SHEW, EXTERNAL_WINDOW_X11, ShewExternalWindow)
++
++ShewExternalWindowX11 *shew_external_window_x11_new (const char *handle_str);
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#include <string.h>
++
++#include "shew-external-window.h"
++#include "shew-external-window-x11.h"
++#include "shew-external-window-wayland.h"
++
++enum
++{
++ PROP_0,
++
++ PROP_DISPLAY,
++};
++
++typedef struct _ShewExternalWindowPrivate
++{
++ GdkDisplay *display;
++} ShewExternalWindowPrivate;
++
++G_DEFINE_TYPE_WITH_PRIVATE (ShewExternalWindow, shew_external_window, G_TYPE_OBJECT)
++
++ShewExternalWindow *
++shew_external_window_new_from_handle (const char *handle_str)
++{
++#ifdef GDK_WINDOWING_X11
++ {
++ const char x11_prefix[] = "x11:";
++ if (g_str_has_prefix (handle_str, x11_prefix))
++ {
++ ShewExternalWindowX11 *external_window_x11;
++ const char *x11_handle_str = handle_str + strlen (x11_prefix);
++
++ external_window_x11 = shew_external_window_x11_new (x11_handle_str);
++ return SHEW_EXTERNAL_WINDOW (external_window_x11);
++ }
++ }
++#endif
++#ifdef GDK_WINDOWING_WAYLAND
++ {
++ const char wayland_prefix[] = "wayland:";
++ if (g_str_has_prefix (handle_str, wayland_prefix))
++ {
++ ShewExternalWindowWayland *external_window_wayland;
++ const char *wayland_handle_str = handle_str + strlen (wayland_prefix);
++
++ external_window_wayland =
++ shew_external_window_wayland_new (wayland_handle_str);
++ return SHEW_EXTERNAL_WINDOW (external_window_wayland);
++ }
++ }
++#endif
++
++ g_warning ("Unhandled parent window type %s\n", handle_str);
++ return NULL;
++}
++
++void
++shew_external_window_set_parent_of (ShewExternalWindow *external_window,
++ GdkSurface *child_surface)
++{
++ SHEW_EXTERNAL_WINDOW_GET_CLASS (external_window)->set_parent_of (external_window,
++ child_surface);
++}
++
++/**
++ * shew_external_window_get_display:
++ * Returns: (transfer none)
++ */
++GdkDisplay *
++shew_external_window_get_display (ShewExternalWindow *external_window)
++{
++ ShewExternalWindowPrivate *priv =
++ shew_external_window_get_instance_private (external_window);
++
++ return priv->display;
++}
++
++static void
++shew_external_window_set_property (GObject *object,
++ guint prop_id,
++ const GValue *value,
++ GParamSpec *pspec)
++{
++ ShewExternalWindow *external_window = SHEW_EXTERNAL_WINDOW (object);
++ ShewExternalWindowPrivate *priv =
++ shew_external_window_get_instance_private (external_window);
++
++ switch (prop_id)
++ {
++ case PROP_DISPLAY:
++ g_set_object (&priv->display, g_value_get_object (value));
++ break;
++
++ default:
++ G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
++ }
++}
++
++static void
++shew_external_window_get_property (GObject *object,
++ guint prop_id,
++ GValue *value,
++ GParamSpec *pspec)
++{
++ ShewExternalWindow *external_window = SHEW_EXTERNAL_WINDOW (object);
++ ShewExternalWindowPrivate *priv =
++ shew_external_window_get_instance_private (external_window);
++
++ switch (prop_id)
++ {
++ case PROP_DISPLAY:
++ g_value_set_object (value, priv->display);
++ break;
++
++ default:
++ G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
++ }
++}
++
++static void
++shew_external_window_init (ShewExternalWindow *external_window)
++{
++}
++
++static void
++shew_external_window_class_init (ShewExternalWindowClass *klass)
++{
++ GObjectClass *object_class = G_OBJECT_CLASS (klass);
++
++ object_class->get_property = shew_external_window_get_property;
++ object_class->set_property = shew_external_window_set_property;
++
++ g_object_class_install_property (object_class,
++ PROP_DISPLAY,
++ g_param_spec_object ("display", NULL, NULL,
++ GDK_TYPE_DISPLAY,
++ G_PARAM_READWRITE |
++ G_PARAM_CONSTRUCT_ONLY |
++ G_PARAM_STATIC_STRINGS));
++}
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2016 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Jonas Ådahl <jadahl@redhat.com>
++ */
++
++#pragma once
++
++#include <glib-object.h>
++#include <gtk/gtk.h>
++
++
++#define SHEW_TYPE_EXTERNAL_WINDOW (shew_external_window_get_type ())
++G_DECLARE_DERIVABLE_TYPE (ShewExternalWindow, shew_external_window, SHEW, EXTERNAL_WINDOW, GObject)
++
++struct _ShewExternalWindowClass
++{
++ GObjectClass parent_class;
++
++ void (*set_parent_of) (ShewExternalWindow *external_window,
++ GdkSurface *child_surface);
++};
++
++ShewExternalWindow *shew_external_window_new_from_handle (const char *handle_str);
++
++void shew_external_window_set_parent_of (ShewExternalWindow *external_window,
++ GdkSurface *child_surface);
++
++GdkDisplay *shew_external_window_get_display (ShewExternalWindow *external_window);
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2020 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Florian Müllner <fmuellner@gnome.org>
++ */
++
++#include "shew-window-exporter.h"
++
++#ifdef GDK_WINDOWING_X11
++#include <gdk/x11/gdkx.h>
++#endif
++#ifdef GDK_WINDOWING_WAYLAND
++#include <gdk/wayland/gdkwayland.h>
++#endif
++
++struct _ShewWindowExporter
++{
++ GObject parent;
++
++ GtkWindow *window;
++};
++
++G_DEFINE_TYPE (ShewWindowExporter, shew_window_exporter, G_TYPE_OBJECT)
++
++enum
++{
++ PROP_0,
++
++ PROP_WINDOW,
++};
++
++ShewWindowExporter *
++shew_window_exporter_new (GtkWindow *window)
++{
++ return g_object_new (SHEW_TYPE_WINDOW_EXPORTER,
++ "window", window,
++ NULL);
++}
++
++#ifdef GDK_WINDOWING_WAYLAND
++static void
++wayland_window_exported (GdkToplevel *toplevel,
++ const char *handle,
++ gpointer user_data)
++{
++ g_autoptr (GTask) task = user_data;
++
++ g_task_return_pointer (task, g_strdup_printf ("wayland:%s", handle), g_free);
++}
++#endif
++
++void
++shew_window_exporter_export (ShewWindowExporter *exporter,
++ GAsyncReadyCallback callback,
++ gpointer user_data)
++{
++ g_autoptr (GTask) task = NULL;
++ GtkWidget *widget;
++
++ g_return_if_fail (SHEW_IS_WINDOW_EXPORTER (exporter));
++
++ if (exporter->window == NULL)
++ {
++ g_task_report_new_error (exporter, callback, user_data,
++ shew_window_exporter_export,
++ G_IO_ERROR, G_IO_ERROR_NOT_SUPPORTED,
++ "No window to export");
++ return;
++ }
++
++ task = g_task_new (exporter, NULL, callback, user_data);
++ g_task_set_source_tag (task, shew_window_exporter_export);
++
++ widget = GTK_WIDGET (exporter->window);
++
++#ifdef GDK_WINDOWING_X11
++ if (GDK_IS_X11_DISPLAY (gtk_widget_get_display (widget)))
++ {
++ GdkSurface *s = gtk_native_get_surface (GTK_NATIVE (widget));
++ G_GNUC_BEGIN_IGNORE_DEPRECATIONS
++ guint32 xid = (guint32) gdk_x11_surface_get_xid (s);
++ G_GNUC_END_IGNORE_DEPRECATIONS
++
++ g_task_return_pointer (task, g_strdup_printf ("x11:%x", xid), g_free);
++ return;
++ }
++#endif
++
++#ifdef GDK_WINDOWING_WAYLAND
++ if (GDK_IS_WAYLAND_DISPLAY (gtk_widget_get_display (widget)))
++ {
++ GdkSurface *s = gtk_native_get_surface (GTK_NATIVE (widget));
++ gdk_wayland_toplevel_export_handle (GDK_WAYLAND_TOPLEVEL (s),
++ wayland_window_exported,
++ g_steal_pointer (&task), NULL);
++ return;
++ }
++#endif
++
++ g_task_return_new_error (task, G_IO_ERROR, G_IO_ERROR_NOT_SUPPORTED,
++ "Unsupported windowing system");
++}
++
++char *
++shew_window_exporter_export_finish (ShewWindowExporter *exporter,
++ GAsyncResult *result,
++ GError **error)
++{
++ g_return_val_if_fail (SHEW_IS_WINDOW_EXPORTER (exporter), NULL);
++ g_return_val_if_fail (g_async_result_is_tagged (result, shew_window_exporter_export), NULL);
++
++ return g_task_propagate_pointer (G_TASK (result), error);
++}
++
++void
++shew_window_exporter_unexport (ShewWindowExporter *exporter,
++ const char *handle)
++{
++ GtkWidget *widget;
++
++ g_return_if_fail (SHEW_IS_WINDOW_EXPORTER (exporter));
++
++ widget = GTK_WIDGET (exporter->window);
++
++#ifdef GDK_WINDOWING_WAYLAND
++ if (GDK_IS_WAYLAND_DISPLAY (gtk_widget_get_display (widget)))
++ {
++ GdkSurface *s = gtk_native_get_surface (GTK_NATIVE (widget));
++#if GTK_CHECK_VERSION (4, 11, 3)
++ gdk_wayland_toplevel_drop_exported_handle (GDK_WAYLAND_TOPLEVEL (s), handle);
++#else
++ gdk_wayland_toplevel_unexport_handle (GDK_WAYLAND_TOPLEVEL (s));
++#endif
++ }
++#endif
++}
++
++static void
++shew_window_exporter_dispose (GObject *object)
++{
++ ShewWindowExporter *exporter = SHEW_WINDOW_EXPORTER (object);
++
++ g_clear_object (&exporter->window);
++
++ G_OBJECT_CLASS (shew_window_exporter_parent_class)->dispose (object);
++}
++
++static void
++shew_window_exporter_set_property (GObject *object,
++ guint prop_id,
++ const GValue *value,
++ GParamSpec *pspec)
++{
++ ShewWindowExporter *exporter = SHEW_WINDOW_EXPORTER (object);
++
++ switch (prop_id)
++ {
++ case PROP_WINDOW:
++ g_set_object (&exporter->window, g_value_get_object (value));
++ break;
++
++ default:
++ G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
++ }
++}
++
++static void
++shew_window_exporter_get_property (GObject *object,
++ guint prop_id,
++ GValue *value,
++ GParamSpec *pspec)
++{
++ ShewWindowExporter *exporter = SHEW_WINDOW_EXPORTER (object);
++
++ switch (prop_id)
++ {
++ case PROP_WINDOW:
++ g_value_set_object (value, exporter->window);
++ break;
++
++ default:
++ G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
++ }
++}
++
++static void
++shew_window_exporter_init (ShewWindowExporter *exporter)
++{
++}
++
++static void
++shew_window_exporter_class_init (ShewWindowExporterClass *klass)
++{
++ GObjectClass *object_class = G_OBJECT_CLASS (klass);
++
++ object_class->get_property = shew_window_exporter_get_property;
++ object_class->set_property = shew_window_exporter_set_property;
++ object_class->dispose = shew_window_exporter_dispose;
++
++ g_object_class_install_property (object_class,
++ PROP_WINDOW,
++ g_param_spec_object ("window", NULL, NULL,
++ GTK_TYPE_WINDOW,
++ G_PARAM_READWRITE |
++ G_PARAM_CONSTRUCT_ONLY |
++ G_PARAM_STATIC_STRINGS));
++}
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2020 Red Hat, Inc
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ *
++ * This program is free software; you can redistribute it and/or
++ * modify it under the terms of the GNU Lesser General Public
++ * License as published by the Free Software Foundation; either
++ * version 2 of the License, or (at your option) any later version.
++ *
++ * This library is distributed in the hope that it will be useful,
++ * but WITHOUT ANY WARRANTY; without even the implied warranty of
++ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
++ * Lesser General Public License for more details.
++ *
++ * You should have received a copy of the GNU Lesser General Public
++ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
++ *
++ * Authors:
++ * Florian Müllner <fmuellner@gnome.org>
++ */
++
++#pragma once
++
++#include <gtk/gtk.h>
++
++#define SHEW_TYPE_WINDOW_EXPORTER (shew_window_exporter_get_type ())
++G_DECLARE_FINAL_TYPE (ShewWindowExporter, shew_window_exporter, SHEW, WINDOW_EXPORTER, GObject)
++
++ShewWindowExporter *shew_window_exporter_new (GtkWindow *window);
++
++void shew_window_exporter_export (ShewWindowExporter *exporter,
++ GAsyncReadyCallback callback,
++ gpointer user_data);
++
++char *shew_window_exporter_export_finish (ShewWindowExporter *exporter,
++ GAsyncResult *result,
++ GError **error);
++
++void shew_window_exporter_unexport (ShewWindowExporter *exporter,
++ const char *handle);
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ */
++#pragma once
++
++#include <shew-external-window.h>
++#include <shew-window-exporter.h>
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++project(
++ 'test-project',
++ 'c',
++ version: '0',
++ license: 'LGPL-2.1-or-later',
++)
++
++libshew_dep = dependency('libshew',
++ default_options: [
++ 'package_name=@0@'.format(meson.project_name()),
++ 'tests=true',
++ ],
++)
--- /dev/null
--- /dev/null
++../../
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ */
++#include <gtk/gtk.h>
++#include <shew.h>
++
++static void
++on_exported (GObject *object,
++ GAsyncResult *result,
++ gpointer user_data)
++{
++ ShewWindowExporter *exporter = (ShewWindowExporter *)object;
++ g_autoptr (GError) error = NULL;
++ g_autofree char *handle = NULL;
++
++ handle = shew_window_exporter_export_finish (exporter, result, &error);
++ g_assert_no_error (error);
++ g_assert_nonnull (handle);
++ g_print ("%s\n", handle);
++}
++
++int
++main (int argc,
++ char **argv)
++{
++ g_autoptr (ShewWindowExporter) exporter = NULL;
++ GtkWindow *window = NULL;
++
++ gtk_disable_portals ();
++ gtk_init ();
++
++ window = GTK_WINDOW (gtk_window_new ());
++ gtk_window_set_default_size (window, 100, 100);
++ gtk_window_present (window);
++
++ exporter = shew_window_exporter_new (window);
++ shew_window_exporter_export (exporter, on_exported, NULL);
++
++ while (TRUE)
++ g_main_context_iteration (NULL, TRUE);
++
++ return EXIT_SUCCESS;
++}
--- /dev/null
--- /dev/null
++# SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++# SPDX-License-Identifier: LGPL-2.1-or-later
++
++exported_client = executable('exported-client',
++ sources: 'exported-client.c',
++ dependencies: [
++ libshew_dep,
++ ],
++)
++
++test_cases = [
++ {
++ 'name': 'exporter',
++ 'sources': [
++ 'test-exporter.c',
++ ],
++ },
++ {
++ 'name': 'external-window',
++ 'sources': [
++ 'test-external-window.c',
++ ],
++ 'depends': [
++ exported_client,
++ ],
++ },
++]
++
++foreach test_case: test_cases
++ test_executable = executable('shew-' + test_case['name'],
++ sources: test_case['sources'],
++ dependencies: [
++ libshew_dep,
++ ],
++ )
++
++ test(test_case['name'], test_executable,
++ env: {
++ 'G_TEST_SRCDIR': meson.current_source_dir(),
++ 'G_TEST_BUILDDIR': meson.current_build_dir(),
++ 'GSETTINGS_BACKEND': 'memory',
++ 'GTK_A11Y': 'none',
++ },
++ depends: test_case.get('depends', []),
++ )
++endforeach
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ */
++#include <gtk/gtk.h>
++#include <shew.h>
++
++static void
++on_exported (GObject *object,
++ GAsyncResult *result,
++ gpointer user_data)
++{
++ ShewWindowExporter *exporter = (ShewWindowExporter *)object;
++ g_autoptr (GError) error = NULL;
++ char **out_handle = user_data;
++
++ *out_handle = shew_window_exporter_export_finish (exporter, result, &error);
++ g_assert_no_error (error);
++}
++
++static void
++test_exporter (void)
++{
++ g_autoptr (ShewWindowExporter) exporter = NULL;
++ GtkWindow *window = NULL;
++ g_autofree char *handle = NULL;
++
++ window = GTK_WINDOW (gtk_window_new ());
++ gtk_window_present (window);
++
++ exporter = shew_window_exporter_new (window);
++ shew_window_exporter_export (exporter, on_exported, &handle);
++
++ while (!handle)
++ g_main_context_iteration (NULL, TRUE);
++
++ g_assert_nonnull(handle);
++ g_print ("%s\n", handle);
++}
++
++static void
++test_exporter_wayland (void)
++{
++ g_auto (GStrv) envp = NULL;
++
++ if (g_test_subprocess ())
++ {
++ test_exporter ();
++ return;
++ }
++
++ envp = g_get_environ ();
++ envp = g_environ_setenv (g_steal_pointer (&envp), "GDK_BACKEND", "wayland", TRUE);
++ g_test_trap_subprocess_with_envp (NULL, (const char * const *)envp, 0, G_TEST_SUBPROCESS_DEFAULT);
++ g_test_trap_assert_passed ();
++ g_test_trap_assert_stdout ("wayland:*");
++}
++
++static void
++test_exporter_x11 (void)
++{
++ g_auto (GStrv) envp = NULL;
++
++ if (g_test_subprocess ())
++ {
++ test_exporter ();
++ return;
++ }
++
++ envp = g_get_environ ();
++ envp = g_environ_setenv (g_steal_pointer (&envp), "GDK_BACKEND", "x11", TRUE);
++ g_test_trap_subprocess_with_envp (NULL, (const char * const *)envp, 0, G_TEST_SUBPROCESS_DEFAULT);
++ g_test_trap_assert_passed ();
++ g_test_trap_assert_stdout ("x11:*");
++}
++
++int
++main (int argc,
++ char **argv)
++{
++ gtk_disable_portals ();
++ gtk_test_init (&argc, &argv, NULL);
++
++ g_test_add_func ("/Shew/Exporter/wayland", test_exporter_wayland);
++ g_test_add_func ("/Shew/Exporter/x11", test_exporter_x11);
++
++ return g_test_run ();
++}
--- /dev/null
--- /dev/null
++/*
++ * SPDX-FileCopyrightText: 2025 Florian Müllner <fmuellner@gnome.org>
++ * SPDX-License-Identifier: LGPL-2.1-or-later
++ */
++#include <gtk/gtk.h>
++#include <shew.h>
++
++static void
++read_upto_one (GObject *source,
++ GAsyncResult *result,
++ gpointer user_data)
++{
++ GDataInputStream *out = G_DATA_INPUT_STREAM (source);
++ g_autoptr (GError) error = NULL;
++ char **out_str = user_data;
++
++ *out_str = g_data_input_stream_read_upto_finish (out, result, NULL, &error);
++ g_assert_no_error (error);
++
++ g_main_context_wakeup (NULL);
++}
++
++static char *
++client_get_handle (GSubprocess *client)
++{
++ g_autoptr (GDataInputStream) stream = NULL;
++ char *handle = NULL;
++
++ stream = g_data_input_stream_new (g_subprocess_get_stdout_pipe (client));
++ g_data_input_stream_read_upto_async (stream,
++ "\n", 1, 0, NULL, read_upto_one, &handle);
++
++ while (!handle)
++ g_main_context_iteration (NULL, TRUE);
++
++ return handle;
++}
++
++static GSubprocess *
++spawn_client (void)
++{
++ g_autofree char *client_path = NULL;
++
++ client_path = g_test_build_filename (G_TEST_BUILT, "exported-client", NULL);
++ return g_subprocess_new (G_SUBPROCESS_FLAGS_STDOUT_PIPE,
++ NULL,
++ client_path,
++ NULL);
++}
++
++static void
++test_external_window (void)
++{
++ g_autoptr (GSubprocess) client = NULL;
++ g_autoptr (ShewExternalWindow) external_window = NULL;
++ GtkWindow *window = NULL;
++ g_autofree char *handle = NULL;
++
++ client = spawn_client ();
++ handle = client_get_handle (client);
++ g_assert_nonnull (handle);
++
++ window = GTK_WINDOW (gtk_window_new ());
++ gtk_widget_realize (GTK_WIDGET (window));
++
++ external_window = shew_external_window_new_from_handle (handle);
++ g_assert_nonnull (external_window);
++
++ shew_external_window_set_parent_of (external_window,
++ gtk_native_get_surface (GTK_NATIVE (window)));
++
++ g_subprocess_force_exit (client);
++}
++
++static void
++test_external_window_wayland (void)
++{
++ g_auto (GStrv) envp = NULL;
++
++ if (g_test_subprocess ())
++ {
++ test_external_window ();
++ return;
++ }
++
++ envp = g_get_environ ();
++ envp = g_environ_setenv (g_steal_pointer (&envp), "GDK_BACKEND", "wayland", TRUE);
++ g_test_trap_subprocess_with_envp (NULL, (const char * const *)envp, 0, G_TEST_SUBPROCESS_DEFAULT);
++ g_test_trap_assert_passed ();
++}
++
++static void
++test_external_window_x11 (void)
++{
++ g_auto (GStrv) envp = NULL;
++
++ if (g_test_subprocess ())
++ {
++ test_external_window ();
++ return;
++ }
++
++ envp = g_get_environ ();
++ envp = g_environ_setenv (g_steal_pointer (&envp), "GDK_BACKEND", "x11", TRUE);
++ g_test_trap_subprocess_with_envp (NULL, (const char * const *)envp, 0, G_TEST_SUBPROCESS_DEFAULT);
++ g_test_trap_assert_passed ();
++}
++
++int
++main (int argc,
++ char **argv)
++{
++ gtk_disable_portals ();
++ gtk_test_init (&argc, &argv, NULL);
++
++ g_test_add_func ("/Shew/ExternalWindow/wayland", test_external_window_wayland);
++ g_test_add_func ("/Shew/ExternalWindow/x11", test_external_window_x11);
++
++ return g_test_run ();
++}
projects / gnome-shell.git / commitdiff